@charset "utf-8";
.preview{width:100%; height:465px; margin:0px 0px 0px 0px;}
/* smallImg */
.smallImg{position:relative; height:66px; margin-top: 10px; width:100%; overflow:hidden;float:left;}
.scrollbutton{width:50px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/left.png) no-repeat; background-size: 100%;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/right.png) no-repeat; margin-left:calc(100% - 50px); margin-top:-50px; background-size: 100%;}
#imageMenu {height:60px; width:calc(100% - 120px); overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:60px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:60px; height:60px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:60px; height:60px; border:2px solid #ec151f;}
/* bigImg */
.bigImg{position:relative; width:100%; 
	height:400px; overflow:hidden; border:1px solid #dddddd;
	text-align: center;
}
.bigImg #midimg{position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);}
.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 */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}