.user_callback #user_pic{position:relative;overflow:hidden;width:1200px;z-index:2;margin:0 auto;}
.user_callback #user_pic ul{width:1200px;height:585px;position:relative;top:20px;left:105px;}
.user_callback #user_pic ul li{position:absolute;}
.user_callback #user_pic ul img{position:relative;top:0;left:0;}
.user_callback #user_pic ul li img{ width:100px;}
.user_callback #user_pic ul .user_pic1{top:-285px;left:-231px;z-index:0;}
.user_callback #user_pic ul .user_pic2{top:-20px;left: -99.5px;z-index:2;}
.user_callback #user_pic ul .user_pic3{top: 130px;left: 68px;z-index:3;}
.user_callback #user_pic ul .user_pic4{top:270px;left:247.5px;z-index:4;}
.user_callback #user_pic ul .user_pic5{top:270px;left:495px;z-index:3;}
.user_callback #user_pic ul .user_pic6{top:130px;left:695.5px;z-index:2;}
.user_callback #user_pic ul .user_pic7{top:-20px;left:852px;z-index:1;}
.user_callback #user_pic ul .user_pic8{top:-285px;left:1000px;z-index:0;}
.user_callback #user_pic ul .user_pic9,.user_callback #user_pic ul .user_pic11,.user_callback #user_pic ul .user_pic13,.user_callback #user_pic ul .user_pic15,.user_callback #user_pic ul .user_pic17,.user_callback #user_pic ul .user_pic19{top:-385px;left:-231px;z-index:0;}
.user_callback #user_pic ul .user_pic10,.user_callback #user_pic ul .user_pic12,.user_callback #user_pic ul .user_pic14,.user_callback #user_pic ul .user_pic16,.user_callback #user_pic ul .user_pic18,.user_callback #user_pic ul .user_pic20{top:-385px;left:1000px;z-index:0;}
.user_callback #user_pic ul li:hover{background:rgba(0,0,0,0.1);}

.user_callback #user_pic ul li.user_pic1{opacity:0.2;filter:alpha(opacity:20);}
.user_callback #user_pic ul li.user_pic2{opacity:0.6;filter:alpha(opacity:60);}
.user_callback #user_pic ul li.user_pic3{opacity:0.8;filter:alpha(opacity:80);}
.user_callback #user_pic ul li.user_pic4{opacity:1;filter:alpha(opacity:100);}
.user_callback #user_pic ul li.user_pic5{opacity:1;filter:alpha(opacity:100);}
.user_callback #user_pic ul li.user_pic6{opacity:0.8;filter:alpha(opacity:80);}
.user_callback #user_pic ul li.user_pic7{opacity:0.6;filter:alpha(opacity:60);}
.user_callback #user_pic ul li.user_pic8{opacity:0.2;filter:alpha(opacity:20);}

.user_callback #user_pic ul li.user_pic1 img{width:180px;}
.user_callback #user_pic ul li.user_pic2 img{width:200px;}
.user_callback #user_pic ul li.user_pic3 img{width:220px;}
.user_callback #user_pic ul li.user_pic4 img{width:250px;}
.user_callback #user_pic ul li.user_pic5 img{width:250px;}
.user_callback #user_pic ul li.user_pic6 img{width:220px;}
.user_callback #user_pic ul li.user_pic7 img{width:200px;}
.user_callback #user_pic ul li.user_pic8 img{width:180px;}

.user_callback #user_pic span{display:inline-block;*display:inline;*zoom:1;width:80px;height:80px;position:absolute;top:160px;z-index:30;cursor:pointer;opacity:0.7;filter:alpha(opacity=70);}
.user_callback #user_pic:hover span{opacity:1;filter:alpha(opacity=100);}
.user_callback #user_pic span img{width:80px;height:80px;display:block;}
.user_callback #user_pic span.prev{
	position:absolute;
	top:100px;
	left:5px;
	display:inline-block;
	width:60px;
	height:60px;
	background-image: url(prev.png);
	background-repeat: no-repeat; background-color:rgba(0,0,0,0.2)
}
.user_callback #user_pic span.next{
	position:absolute;
	top:100px;
	right:5px;
	display:inline-block;
	width:60px;
	height:60px;
	background-image: url(next.png);
	background-repeat: no-repeat;background-color:rgba(0,0,0,0.2)
}
.user_callback #user_pic span.prev:hover{background-color:rgba(0,0,0,0.4)}
.user_callback #user_pic span.next:hover{background-color:rgba(0,0,0,0.4);}
.user_callback{overflow:hidden;}
@media only screen and (max-width: 1200px){.user_callback #user_pic{width:800px;}.user_callback #user_pic ul{width:800px;height:385px;top:20px;left:85px;}
.user_callback #user_pic ul .user_pic1{top:-185px;left:-131px;z-index:0;}
.user_callback #user_pic ul .user_pic2{top:-20px;left: -69.5px;z-index:2;}
.user_callback #user_pic ul .user_pic3{top: 100px;left: 38px;z-index:3;}
.user_callback #user_pic ul .user_pic4{top:170px;left:147.5px;z-index:4;}
.user_callback #user_pic ul .user_pic5{top:170px;left:295px;z-index:3;}
.user_callback #user_pic ul .user_pic6{top:100px;left:495.5px;z-index:2;}
.user_callback #user_pic ul .user_pic7{top:-20px;left:552px;z-index:1;}
.user_callback #user_pic ul .user_pic8{top:-185px;left:800px;z-index:0;}

.user_callback #user_pic ul li.user_pic1 img{width:80px;}
.user_callback #user_pic ul li.user_pic2 img{width:100px;}
.user_callback #user_pic ul li.user_pic3 img{width:120px;}
.user_callback #user_pic ul li.user_pic4 img{width:150px;}
.user_callback #user_pic ul li.user_pic5 img{width:150px;}
.user_callback #user_pic ul li.user_pic6 img{width:120px;}
.user_callback #user_pic ul li.user_pic7 img{width:100px;}
.user_callback #user_pic ul li.user_pic8 img{width:80px;}}
@media only screen and (max-width: 800px){.user_callback #user_pic{width:400px;}.user_callback #user_pic ul{width:400px;height:285px;top:20px;left:45px;}
.user_callback #user_pic ul .user_pic1{top:-145px;left:-45px;z-index:0;}
.user_callback #user_pic ul .user_pic2{top:-20px;left: -28.5px;z-index:2;}
.user_callback #user_pic ul .user_pic3{top: 50px;left: 30px;z-index:3;}
.user_callback #user_pic ul .user_pic4{top:100px;left:50.5px;z-index:4;}
.user_callback #user_pic ul .user_pic5{top:100px;left:150.5px;z-index:3;}
.user_callback #user_pic ul .user_pic6{top:80px;left:280.5px;z-index:2;}
.user_callback #user_pic ul .user_pic7{top:-20px;left:302px;z-index:1;}
.user_callback #user_pic ul .user_pic8{top:-145px;left:400px;z-index:0;}

.user_callback #user_pic ul li.user_pic1 img{width:50px;}
.user_callback #user_pic ul li.user_pic2 img{width:60px;}
.user_callback #user_pic ul li.user_pic3 img{width:70px;}
.user_callback #user_pic ul li.user_pic4 img{width:100px;}
.user_callback #user_pic ul li.user_pic5 img{width:100px;}
.user_callback #user_pic ul li.user_pic6 img{width:70px;}
.user_callback #user_pic ul li.user_pic7 img{width:60px;}
.user_callback #user_pic ul li.user_pic8 img{width:50px;}}