/*
elementor_tab
@author CJJ
 */

.trans{transition:all 0.4s ease-out-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

.pic_size_width{width: 390px;}
.detail_left_box{position: relative;background: #fff;margin-bottom: 40px;padding-bottom: 10px;}
.detail_pic{text-align:center;}
.detail_pic .up{height:578px;position: relative;}
.detail_pic .up .big_box{margin:auto; position:absolute; left:0; top:0; bottom: 0; z-index:1; max-width:100%;}
/*.detail_pic .up .big_box.center{left: 50%;transform:translate(-50%,0);}*/
.detail_pic .magnify{position:relative; width:100%; height:100%;}
.detail_pic .magnify .big_pic{text-align:center;}
.detail_pic .magnify .video_container{display:none;}
.detail_pic .magnify .detail_img_box{position:absolute; overflow:hidden; z-index:1; top:-9999px; border:1px #8c8684 solid; background-color:#fff;}
.detail_pic .magnify .detail_img{position:absolute; max-width:1500px;}
.detail_pic .magnify .rect_mask{background-image:url(../../../images/global/rect_mask.gif); position:absolute; cursor:crosshair; top:-9999px; left:0; z-index:100;}
.detail_pic .magnify .icon_discount{position:absolute; top:0; right:0; width:44px; height:25px; color:#fff; line-height:12px; padding-top:5px;}
.detail_pic .magnify .icon_discount b{font-size:16px;}
.detail_pic .magnify .icon_discount_foot{width:0; height:0; border-left:22px transparent solid; border-right:22px transparent solid; border-top-width:8px; border-top-style:solid; position:absolute; right:0; top:30px;}
.detail_pic .small_carousel{margin:15px auto; position:relative;}
.detail_pic .small_carousel .viewport{width:100%; height:107px; position:absolute; overflow:hidden; left:0; top:0;right: 0;margin: auto;}
.detail_pic .small_carousel .btn{width:40px; height:40px; cursor:pointer; outline:0; position:absolute; top:0;border: 1px solid #A96B44;border-radius: 50%;display: none;}
.detail_pic .small_carousel .btn span{display:none;}
.detail_pic .small_carousel .left{left:0;}
.detail_pic .small_carousel .right{right:0;background-position: right center;}
.detail_pic .small_carousel .left:hover{background-position: left center;}
.detail_pic .small_carousel .right:hover{background-position: -16px center;}
.detail_pic .small_carousel .icon_arraw{position:absolute; left:0;top: 0;bottom: 0;margin:auto; cursor:pointer;}
.detail_pic .viewport .list{width:10000px; position:absolute; left:0; top:0; height:107px; padding-top:5px;list-style-type: none;padding-inline-start: 0;}
.detail_pic .viewport .list .item{display:list-item; margin:0 10px 0 0; position:relative; float:left;background: #333;}
.detail_pic .viewport .list a{background:#fff; width:107px; height:107px; display:block; vertical-align:middle; }
.pic_box{border-color:#e2e2e2;}
/*.detail_pic .viewport .list .arrow{width:0; height:0; border-style:solid; border-width:0 5.5px 5px 5.5px; position:absolute; top:-5px; left:0px;right: 0;margin:auto; display:none;}*/
/*.detail_pic .viewport .list .current{padding:2px;}*/
/*.detail_pic .viewport .list .current a{border:0; padding:0;}*/
/*.detail_pic .viewport .list .current .arrow{display:block;border-color: transparent transparent #333;}*/