#preview{ float:none; margin:10px auto; text-align:center; width:100%; box-sizing: border-box; }
.jqzoom img{ margin:0 auto;}

.list-h li{ float:left;}
#spec-n5{width:80%; margin:0 auto; height:56px; padding-top:130px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:50px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}



/*jqzoom*/
.jqzoom{position:relative;padding:0; width:80%; height:350px; margin:0 auto;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:350px;height:350px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
/*.bigimg{width:1000px;}*/
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{ float:left; overflow:hidden; margin-left:2px; display:inline; width:93%; box-sizing: border-box; position:relative; height: 60px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #FFFFFF; width:50px; height:50px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


@media only screen and (max-width:1600px) and (min-width:1300px){

}

@media only screen and (max-width:1300px) and (min-width:1000px) {

}


@media only screen and (max-width:1000px) and (min-width:640px) {

}

@media only screen and (max-width:640px) and (min-width:320px) {
#spec-n5{width:100%; margin:0 auto; height:100px; padding-top:20px; overflow:hidden;}
.jqzoom{position:relative;padding:0; width:95%; height:auto; padding-top:10px; padding-bottom:10px; margin:0 auto;}
}