.preview{max-width:450px; overflow:hidden;margin:0 auto}
/* smallImg */
.smallImg{position:relative; height:58px; margin-top:1px;padding:6px 0px; width:450px; 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:434px; margin-top:-50px;}

#imageMenu {height:56px; width:420px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:56px; 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:50px; height:50px; border:3px solid #005fd4;}
/* bigImg */
.bigImg{position:relative; float:left; width:100%; height:auto; overflow:hidden; text-align: center; background: #fff; margin-bottom: 10px}
.bigImg #midimg{max-width:100%; width: auto;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;}
/* bigView */
#bigView{position:absolute;border: 1px solid #b9b9b9; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
@media only screen and (max-width: 1000px) {

    #bigView{display: none; opacity: 0;}

}
@media only screen and (max-width: 650px) {
.preview{width:350px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:58px; margin-top:1px; padding:6px 0px; width:350px; overflow:hidden;float:left;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:334px; margin-top:-50px;}

#imageMenu {height:50px; width:320px; overflow:hidden; margin-left:0; float:left;}

.bigImg{position:relative; float:left; width:350px; height:auto; overflow:hidden;}
.bigImg #midimg{width:350px; height:auto;}
}

@media only screen and (max-width:350px) {
.preview{width:300px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:58px; margin-top:1px; background-color:#fff; padding:6px 0px; width:300px; overflow:hidden;float:left;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:284px; margin-top:-50px;}

#imageMenu {height:50px; width:270px; overflow:hidden; margin-left:0; float:left;}

.bigImg{position:relative; float:left; width:300px; height:300px; overflow:hidden;}
.bigImg #midimg{width:350px; height:auto;}
}




@media only screen and (max-width:1250px) {
.preview{width:350px; overflow:hidden;margin:0 auto}
}




.xc_t_wrap { margin-bottom:5px; border-bottom:#eee 1px solid; overflow:hidden; margin-top:30px}
.xc_t_wrap .xc_title { font-size:24px;color:#111;font-weight:normal; overflow:hidden; line-height:190%; padding-left: 15px; position:relative;font-family: 'Aileron-Regular';font-family: 'Koulen';}
.smwz{ font-size:15px; line-height:30px}
.xc_t_wrap .xc_title::after{ content: ""; height: 22px; width: 4px; background:#0062b8;left: 0; z-index: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

@media only screen and (max-width:1024px) {
.xc_t_wrap .xc_title { font-size:18px;}	
}