/* reset

body{font:12px/18px "宋体",arial,sans-serif;color:#585858;}

body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%; }

ul,ol,li,dl{list-style-type:none;}

em,i,dfn,cite,strong,small{font-style:normal;} 

img{border:0;}

fieldset,button,input,select,option{vertical-align:middle;font:12px/18px "宋体",arial,sans-serif;}

table{border-collapse:collapse;border-spacing:0}

textarea{resize:none}
 */
/* color */

/* a:link,a:visited{color:#575757;text-decoration:none;}

a:hover{color:#ef4165;text-decoration:none;}

a:active{color:#1d7400;}
 */

ul{margin:0;padding:0;}
/* clearfix */

.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

*html .clearfix{ zoom:1;}



.preview{
	width:400px; height:465px; 
	margin:30px 0px 0px 0px;
	/* margin:30px 0px 0px 150px; */
}

/* bigImg */

@media (max-width: 600px) {
	
	/* smallImg */
	
	.smallImg{position:relative; height:59px; margin-top:1px; background-color:#fff; padding:6px 5px; width:350px; overflow:hidden;float:left;}
	
	.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
	
	.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
	
	.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:290px; margin-top:-40px;}
	
	
	
	#imageMenu {height:50px; width:290px; overflow:hidden; margin-left:0; float:left;margin-top: -8px;}
	
	#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
	
	#imageMenu li img{width:50px; height:50px;cursor:pointer;}
	
	#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
		
		
/* bigImg */
	.bigImg #midimg{width:350px; height:350px;}
	
	.bigImg{position:relative; float:left; width:350px; height:350px; overflow:hidden;}
	
	.bigImg #winSelector{width:235px; height:210px;}
	
	#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
		
}
@media (min-width: 600px) {
	
	/* smallImg */
	
	.smallImg{position:relative; height:59px; margin-top:1px; background-color:#fff; padding:6px 5px; width:400px; overflow:hidden;float:left;}
	
	.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
	
	.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
	
	.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}
	
	
	
	#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;margin-top: -8px;}
	
	#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
	
	#imageMenu li img{width:50px; height:50px;cursor:pointer;}
	
	#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
	
	
/* bigImg */
	.bigImg #midimg{width:400px; height:400px;}
	.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
	.bigImg #winSelector{width:235px; height:210px;}
	
	#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
		
}

/* bigView */

@media (max-width: 993px) {
	#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:996;margin-left: -140px;display:none;}
	#bigView img{position:absolute;}
}

@media (min-width: 993px) {
	#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:996;margin-left: -140px;display:block;}
	#bigView img{position:absolute;display:block;}
}