@charset "utf-8";
/* CSS Document */
.box{width:554px; float:left}
.left-pro{width:550px; padding:0 16px;border:1px solid #ddd;}
.t1{width:554px; position:relative}
.left-pro .t2{width:520px;text-indent:0;}
.left-pro .t2 img{text-indent:0;}
.btn_l{position:absolute;left:0;top:10px;width:25px;height:100%;background:url(../../images/jl.png) no-repeat left center;}
.btn_l a{ display:block; width:21px; }
.btn_r{position:absolute;right:0;top:10px;width:25px;height:100%;background:url(../../images/jt.png) no-repeat right center;}
.btn_r a{ display:block; width:21px; }
.showArea{ padding-top:13px; float:left}
.showArea a {
	width: 120px;
	/* float: left; */
	height: 120px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	/* padding: 22px; */
	display: table-cell;
	vertical-align: middle;
}
.showArea a:hover{ border:1px solid #ffd101}
.showArea a img{cursor:pointer;width:136.5px;}
@media all and (min-width: 0) and (max-width: 768px) {
	
.box{width:100%; float:none;margin:0 auto;padding:0}
.MagicZoomPup{width:0!important;height:0!important}
.t1{width:300px}.showArea{width:100%!important}
.btn_l,.btn_r{width:18px}.left-pro{width:100%; overflow:hidden}
.left-pro .t2{width:100%}
.left-pro .t2 img{width:100%!important;height:auto!important}
.MagicZoomBigImageCont{width:0!important;height:0!important}
}