@charset "utf-8";
/* CSS Document */
.box{width:350px; float:left}
.left-pro{width:314px; padding:20px 10px;border:1px solid #ddd;}
.t1{width:338px; height:90px}
.left-pro .t2{width:314px;text-indent:0;}
.left-pro .t2 img{text-indent:0;}
.btn_l{float:left; width:21px; padding-top:13px}
.btn_l a{ display:block; width:21px; background:url(../images/jiantou_l.gif) no-repeat left center; height:58px}
.btn_l a:hover{ display:block; width:21px; background:url(../images/jiantou_l1.gif) no-repeat left center}
.btn_r{float:left; width:21px; padding-top:13px}
.btn_r a{ display:block; width:21px; background:url(../images/jiantou_r.gif) no-repeat right center; height:58px}
.btn_r a:hover{ display:block; width:21px; background:url(../images/jiantou_r1.gif) no-repeat right center}
.showArea{ padding-top:13px; float:left}
.showArea a{width:56px; float:left; height:50px; overflow:hidden; border:1px solid #dcdcdc; padding:3px 6px; margin-left:4px}
.showArea a:hover{ border:1px solid #2b98e4}
.showArea a img{cursor:pointer;width:56px;height:50px}
@media all and (min-width: 0) and (max-width: 768px) {
.box{width:300px; float:none;margin:0 auto}.MagicZoomPup{width:0!important;height:0!important}.t1{width:300px}.showArea{width:264px!important}.btn_l,.btn_r{width:18px}.left-pro{width:280px}.left-pro .t2 img{width:280px!important}.MagicZoomBigImageCont{width:0!important;height:0!important}
}