.preview{width:574px;height:574px;position:relative;border: 1px solid #ededed;overflow: hidden;}
.preview a{display:table-cell;text-align:center;vertical-align:middle;height: 574px;}
.preview a img{vertical-align:middle;}
.pro-head img,.preview a img {max-width: 100%;max-height: 100%;height: 100%;object-fit: contain;}
div.zoomDiv{z-index:20;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:2;}
.proVideo{position:absolute;top:0;left:0;display:none;}
.magnifier .play,.magnifier .close{width:50px;height:50px;position:absolute;right:0;top:0;z-index:5;cursor:pointer;background:#fff url('../images/v_close.png') no-repeat;width:42px;height:42px;z-index:20;display:none;}
.magnifier .play{right:auto;top:auto;bottom:5px;left:5px;display:none;background: url('../images/play.png') no-repeat;display:block;}
.proVideo .video-js .vjs-big-play-button{display:none;}


.magnifierSlide{margin-top:10px;width:574px;height:96px;overflow:hidden;position:relative;}
.magnifierSlide .btn{width:12px;height:21px;position:absolute;top:30px;left:0;background:url('../images/magnifier_btn.png') no-repeat 0 0px;overflow:hidden;cursor:pointer;transition:all 0s;}
.magnifierSlide .prev:hover{background-position:0 -21px;}
.magnifierSlide .next{background-position: 0 -42px;right:0;left:auto;}

.magnifierSlide .items{position:relative;width:550px;height:96px;margin:0 auto;overflow:hidden;}
.magnifierSlide .items ul{position:absolute;width:5800px;height:96px;}
.magnifierSlide .items ul li{width:96px;height:96px;float:left;margin: 0 5px;}
.magnifierSlide .items ul li img{width:100%;height:100%;cursor:pointer;border:1px solid #ccc;}
.magnifierSlide .items ul li img:hover,.magnifierSlide .items ul .on img{border:1px solid #f13a3a;}

/* 产品简介 */
.proshow_synopsis{width:500px;color: #aaa;font-size: 14px;line-height: 30px; height:510px;padding:25px;background:#f5f5f5;border:1px solid #ddd;background:#fff;}
.proshow_synopsis .title{font-size:24px; color:#f13a3a;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}
.proshow_synopsis strong{color: #333;font-weight: normal; }
.proshow_synopsis .font{line-height:24px;overflow: hidden;min-height:265px;margin-bottom:20px;}
.proshow_synopsis .font strong{float: left;width: 45px;}
.proshow_synopsis .font div{float: right;width:355px;}
.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left 8px; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#f13a3a;display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}
.proshow_synopsis .btn .a02{background:#f13a3a url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}

@media (max-width: 980px) {
	.preview {
	    width: 100%;
	    height: auto;
	    overflow: hidden;
	    text-align: center;
	}
	.pro-head img, .preview a img {
	    display: inline-block;
	    vertical-align: middle;
	    height: auto;
	    width: auto;
	}
	.magnifierSlide {
	    width: 100%; 
	    padding: 0 15px;
	}
	.preview a {
		height: auto;
		width: 100%;
		text-align: center;
		display: block;
	}
}