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


.preview{width:450px; overflow:hidden;margin:0 auto}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#fff; 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:50px; width:420px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:83px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:70px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:64px; height:44px; border:3px solid #FB7A29;}
/* bigImg */
.bigImg{position:relative; float:left; width:450px; height:300px; overflow:hidden;}
.bigImg #midimg{width:450px; height:300px;}
.bigImg #winSelector{width:435px; 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 #FB7A29; overflow: hidden; z-index:999; display:none}
#bigView img{position:absolute;}





@media only screen and (max-width: 650px) {
.preview{width:350px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#fff; 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:230px; overflow:hidden;}
.bigImg #midimg{width:350px; height:230px;}

#imageMenu li {height:50px; width:63px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:54px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:48px; height:44px; border:3px solid #FB7A29;}
}

@media only screen and (max-width:350px) {
.preview{width:300px; overflow:hidden;margin:0 auto}
.smallImg{position:relative; height:52px; 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:266px; margin-top:-50px;}

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

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



/*-------cp show----------*/
.cpbox{ overflow:hidden; margin:0px; padding:0px;background: #fff;margin-bottom:20px;}
.cpbox_L{ float:left; height:auto; width:53%;}
.cpbox_R{ float:left; height:auto; width:47%; overflow:hidden}


.cpxx{ overflow:hidden; padding:0px; margin:0px;}
.cpxx dl{ overflow:hidden; padding:0px; margin:0px}
.cpxx dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:22px; line-height:190%; color:#333333; margin-bottom:20px}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:14px; padding-top:10px}
.cpxx dl dd b{ color:#C44324; font-weight:normal; margin-bottom:10px; font-size:16px}


@media only screen and (max-width:1190px) {
.cpbox_L{ float:left; height:auto; width:auto; margin-right:15px;}
.cpbox_R{ float:left; height:auto; width:240px; overflow:hidden}
}

@media only screen and (max-width:1000px) {
.cpbox{ overflow:hidden; margin:0px; padding:0px;max-width:1200px;background: #fff; margin:0 auto;margin-top:10px; width:96%;}
.cpbox_L{ float:left; height:auto; width:100%; margin-right:0px;}
.cpbox_R{ float:left; height:auto; width:100%; overflow:hidden; margin-bottom:10px; padding-bottom:20px}
.cpxx dl dt{margin-bottom:2px}
.cpxx dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:14px; padding-top:5px}
}

.cptd_sm{ color:#666666; font-size:14px; line-height:180%}



.splm{overflow: hidden;height:40px;margin:0px;padding:0px;line-height:40px;border-top:1px #E85900 solid;background:#F2F0F0; margin-bottom:15px}
.splm span{display: block; color: #333;font-size: 15px;font-weight: bold; padding-left:20px}






