@charset "utf-8";

/*preview*/
#preview{width:840px;margin:10px auto;padding:5px;zoom:1;overflow:hidden;border:1px solid #e1e1e1;}
#spec-n1{float:right;width:690px;overflow:hidden;position:relative;z-index:5;zoom:1;}
#spec-n1 .o-img{width:690px;/*max-height:690px;*/text-align:center;}
#spec-n1 .o-img img{ margin-top:30px !important;}
#spec-n1 .switch{width:100%;height:100%;position:absolute;z-index:10;top:0;left:0;}
#spec-n1 img{ width:auto; height:auto;}
#spec-n5{position:relative;float:left;width:134px;height:550px;padding:25px 0px;zoom:1}
#spec-list{width:134px;height:500px;overflow:hidden;}
#spec-list ul{height:490px;overflow:hidden;margin:0;}
#spec-list li{width:134px;height:110px;text-align:center; }
#spec-list img{padding:2px;border:1px solid #ccc; width: 128px;height: 96px;}
#spec-list .curr img{padding:1px;border:2px solid #E08C2B;width: 128px;height: 96px;}
#spec-n5 .control{position:absolute;width:134px;height:25px;background-repeat:no-repeat;cursor:pointer;}
#spec-top{top:-2px;background:url(../images/icoin.png) 0 -30px;}
#spec-bottom{bottom:-2px;background:url(../images/icoin.png) -139px -30px;}
.sp{ display:none;}

.protitle h2 {
    line-height: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 1024px) {
#preview{ width:670px;}
#spec-n1{ width:524px;}
#spec-n1 .o-img{ width:524px;}
}
@media (max-width: 767px) {
	#preview{ display:none;}
	}
@media (max-width: 479px) {
#spec-n5{ display:none;}
#spec-n1{ display:none;}
.sp{ display:block;}
#spec-n1{ width: 100%;
    height: 100%;}
#spec-n1 img {
    width: 100%;
    height: 100%;
}
#spec-n1 .o-img img{ margin-top:0 !important;}
#spec-n1 .o-img{ width:100%; height:100%}
}