.swipe-detail-wrap {    position: relative;    overflow: hidden;    padding-bottom: 40px;}


.swipe-detail-wrap .labelWrap {position:absolute; right:10px; top:10px;z-index:10; border:0px solid #f00}
.swipe-detail-wrap .labelWrap label {display:inline-block; vertical-align:top; background-color:#fff; width:58px; height:65px ; border-radius:4px;margin-left:5px;  }
.swipe-detail-wrap .labelWrap label.check { background:#fff url('/images/inc/ico_label_check.png') no-repeat center ; background-size: 50px 50px; border:0px  solid #0b6ef5;  }
.swipe-detail-wrap .labelWrap label.comm { background:#fff url('/images/inc/ico_label_pd.png') no-repeat center ; background-size:50px 50px;  border:0px  solid #000024; }

.swipe-detail-wrap .btn-zoom{position:absolute;bottom:0;left:0;margin:30px;z-index:5}
.swipe-detail-wrap .btn-zoom.zoomOut .zoom{width:76px;height:76px;background-repeat:no-repeat;background-image:url("/images/sub/ico-zoom-out.png");
                                                                                              background-position:center center;-webkit-background-size:auto auto;-moz-background-size:auto;background-size:auto}
.swipe-detail-wrap{position:relative;overflow:hidden;padding-bottom:50px}
.swipe-detail-wrap .cover{position:absolute;top:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;
-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:25px;color:#fff;
background:rgba(29,29,29,0.6);z-index:5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:75px}
.swipe-detail-wrap .detail-slide-gallery-top{overflow:hidden;background-color:rgba(0,0,0,0.85)}

.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide{text-align:center;width:100%;height:650px}
.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-height:675px;margin:auto}
.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide .img { display:block; width:100%; height:100%;  background-size:auto 100%; background-repeat:no-repeat; background-position:center center; }

.swipe-detail-wrap .zoom-swiper-button-prev,.swipe-detail-wrap .zoom-swiper-button-next{cursor:pointer;position:absolute;top:50%;left:0;width:75px;height:60px;margin-top:-30px;display:-webkit-box;
display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;
-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:5}
.swipe-detail-wrap .zoom-swiper-button-next{position:absolute;top:50%;right:0;left:auto}

.swipe-detail-wrap .detail-slide-gallery-thumbs{margin:10px 0;height:60px}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide{overflow:hidden;width:70px !important;height:50px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;border:3px solid #d2d2d2}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border:3px solid #02b1e7}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img{width:70px;height:55px}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img img{display:block;position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:auto;height:auto;max-width:none;max-height:50px;margin:auto}
/*.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img img{display:block;position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:auto;height:auto;max-width:none;max-height:70px;margin:auto}*/
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide img{max-height:900px}

.swipe-detail-wrap .swiper-scrollbar{bottom:10px;left:0;width:100%;height:10px}
.swipe-detail-wrap .swiper-pagination{position:absolute;right:30px;bottom:30px;left:auto;font-family:"Notosans";font-weight:normal;width:auto;color:#fff;padding:4px 15px; border-radius:50px;  background-color:rgba(0,0,0,0.1)}

/* zoom-mode */
.swipe-detail-wrap.zoomMode{position:fixed;top:0px;left:0;right:0;bottom:0;width:100%;z-index:999;overflow-y:auto;-ms-overflow-y:auto;background-color:#fff}
.swipe-detail-wrap.zoomMode .car-details{width:auto;height:auto;max-width:100%;margin:0 auto}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top{width:auto;max-width:100%}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide{width:auto;height:1000px}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide img{max-height:950px}


@media screen and (max-width:1920px){
.swipe-detail-wrap.zoomMode{top:0px;}
.swipe-detail-wrap.zoomMode .car-details{ max-width:1920px;}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top{ max-width:1920px}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide{ height:850px}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide img{max-height:850px}

}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;
                     -o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform;transition-property:transform, 
					  -webkit-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,
.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;-o-transition-property:-o-transform;
                -moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform;transition-property:transform, -webkit-transform}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-moz-box-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,
                                                      -webkit-transform;-o-transition-property:transform, height;-o-transition-property:height, -o-transform;-moz-transition-property:transform, height, -moz-transform;transition-property:transform, height;
													  transition-property:transform, height, -webkit-transform, -moz-transform, -o-transform;transition-property:transform, height, -webkit-transform}

.swiper-button-prev,
.swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-webkit-background-size:27px 44px;-moz-background-size:27px 44px;
background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}

.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;-o-transition:300ms opacity;-moz-transition:300ms opacity;transition:300ms opacity;
-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-fraction,.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}

.icon.swiper-prev {
background-repeat: no-repeat;
    background-image: url('/images/sub/ico-swiper-prev.png');
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 27px;
    height: 50px;
}
.icon.swiper-next {
    background-repeat: no-repeat;
    background-image: url('/images/sub/ico-swiper-next.png');
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 27px;    height: 50px;
}
.icon.zoom {    width: 38px;    height: 38px;
    background-repeat: no-repeat;
    background-image: url('/images/sub/ico-zoom.png');
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
}
.icon {
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.swipe-detail-wrap .btn-zoom.zoomOut .zoom {    width: 76px;    height: 76px;
    background-repeat: no-repeat;
    background-image: url('/images/sub/ico-zoom-out.png');
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
}


.swiper-scrollbar{ margin-top:10px; position:relative;  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0)}
.swiper-scrollbar:after {content:''; position:absolute; left:0; top:5px; width:100%;  height:1px; background-color:rgba(0,0,0,0.1); z-index:-1}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:#777;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-box-pack:center;
-webkit-justify-content:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;
-moz-box-align:center;align-items:center;text-align:center}
.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}

