/* preview style */
.preview{position: relative; width:590px;}
/* smallImg */
.smallImg{position:relative;height:452px; padding:24px 0; width:82px; overflow:hidden;float:right;}
.scrollbutton{ position:absolute; width:80px; height:20px; line-height: 20px; border: 1px solid #ccc; color: #ccc; text-align: center; overflow:hidden; cursor:pointer;}
.scrollbutton.smallImgUp{line-height: 13px;top: 0px;color: #333;font-size: 16px;font-weight: bold;background: #fafafa;}
.scrollbutton.smallImgDown{line-height: 25px;bottom:0px;color: #333;font-size: 16px;font-weight: bold;background: #fafafa;}
#imageMenu {height:452px;overflow:hidden; margin-top:2px;}
/*#imageMenu li {width:82px; height:92px; line-height: 92px; overflow:hidden;}*/
/*#imageMenu li img{border:1px solid #E8E8E8; width:80px; height:auto;cursor:pointer;}*/
#imageMenu li {width:80px; height:88px; line-height: 88px; border:1px solid transparent; overflow:hidden;}
#imageMenu li:hover {border: 1px solid #990000;}
#imageMenu li img{width:80px; cursor:pointer;}
#imageMenu li#onlickImg{border:1px solid #990000;}
/* bigImg */
.bigImg{position:relative;float:left;width:498px;height:498px;line-height: 498px;overflow:hidden;border: 1px solid #efefef;}
.bigImg img{width: 100%;height: auto;}
.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;}

/*放大镜*/
.zoom-move{
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    border: 1px solid #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: move;
}
.zoom-div{
    position: absolute;
    top: 0;
    left: 500px;
    background: #fff;
    border: 1px solid #d4d4d4;
    width: 300px;
    height: 300px;
    overflow: hidden;
    z-index: 1;
}
.zoom-img-div{
    width: 1000px;
    height: 1000px;
    line-height: 1000px;
}
.zoom-img{
    width: 100%;
    height: auto;
}
.box{position:relative;}