/* 产品详情页组图 */
.ny_pro_top {overflow: hidden}
.ny_pro_top_l {position: relative;width: 42%;height: 510px;float: left;}
.ny_pro_top_l img {width: 100%;height: auto;overflow: hidden;}
.ny_pro_top_l .owl-controls {position: absolute;z-index: 99;width: 100%;height: 28px;margin-top: -28px;text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0fffffff, endcolorstr=#0fffffff);background-color: rgba(0,0,0,.3);}
.ny_pro_top_l .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display:inline
}
.ny_pro_top_l .owl-controls .owl-page span {
    z-index: 999;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    margin: 9px 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #fff;
}
.ny_pro_top_l .owl-controls .owl-page:last-child {
    margin-right: 10px
}
.ny_pro_top_l .owl-controls .owl-page.active span, .ny_pro_top_l .owl-controls.clickable .owl-page:hover span {
    background-color: #0cb46a
}
.ny_pro_top_r {
    width: 50%;
    float: right;
    height: auto;
    overflow: hidden;
}
.ny_pro_top_r h3 {font-size: 22px;color: #333;line-height: 1.2;}
.ny_pro_top_r h4 {
    width: 100%;
    border-top: 1px dotted #dcdcdc;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    display: block;
    text-align: justify;
	padding-top: 20px;
	margin-top: 20px;
}

.pro-detail .pro-detail-top{display:flex}
.pro-detail .preview-container{position:relative;width:450px;background:#FFF;padding-bottom:1px}
.pro-detail .preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFF;cursor:move}
.pro-detail .preview-container .small-box img{max-width:100%;max-height:100%}
.pro-detail .preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEE;display:none}
.pro-detail .preview-container .thumbnail-box{margin:20px 0px 0;position:relative;width:100%;box-sizing:border-box;background:#FFF}
.b_g{width: 540px;margin:0 auto;box-sizing: border-box;position: absolute;left: 0;top: 0}
.bg_left{width: 430px;height:auto;float: left}
.bg_right{float: left}
.show{margin-bottom: 10px;position: relative;cursor:move;overflow: hidden;}
.show img{width: 430px;height: 430px;}
.mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;position: absolute;left: 450px;top: 20px;z-index: 3;}
.bigshow img{width: 860px;height: 860px;margin-right: 10px;}
.smallshow{width: 100%;height: 70px;position: relative;cursor: pointer;}
.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
.smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;}
.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;}

@media screen and (max-width: 500px){
    .ny_pro_top_l,.b_g,.bg_left{width: 100%;}
    .show img{width: 100%;height: auto;}
    .ny_pro_top_l{height: auto;float:inherit;}
    .b_g{position: inherit;}
}