.swipe-detail-wrap {    position: relative;    overflow: hidden; }



.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;}
.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);  border-radius:12px 12px 0 0; background-size:auto 70%; background-repeat:no-repeat; background-position:center center; background-image:url('/images/noimg_txt.png') }

.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:0px 0;height:auto; background-color:#000;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide{overflow:hidden;width:100%;height:62px !important; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;border:0px solid #d2d2d2}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide:after {transition: all 0.2s ease-in;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{position:relative;border:0px solid #0c62ff; }
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after {content:''; position:absolute; left:0;top:0; width:100%; height:100%; background-color:rgba(12,98,255,0.8); 
                                                                                                                  background-image:url('/images/sub/icon_check_w.png'); background-repeat:no-repeat;  background-position:center center ; background-size:auto 60%; z-index:5; }
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img{width:100%;height:auto;background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img img{width:100%;height:62px !important; }

.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper {display:block;font-size:0;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {float:left;display:inline-block;width:calc(7.69% - 1px) !important;margin-right:1px;margin-bottom:1px;font-size:0;transform:none !important;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide .img {font-size:0;}

@media screen and (max-width:800px){
   .swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {width:calc(14.28% - 1px) !important;margin-right:1px;}
}



@media screen and (max-width:500px){
 .swipe-detail-wrap .detail-slide-gallery-top .swiper-slide { height:250px !important;  overflow:hidden; }

}



/*.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{width:100%}

.swipe-detail-wrap .swiper-scrollbar{bottom:10px;left:0;width:100%;height:10px; display:none;}
.swipe-detail-wrap .swiper-pagination{position:absolute;right:30px;bottom:30px;left:auto;font-family:'Spoqa Han Sans'; 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:750px !important}
.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide img{ }

.swipe-detail-wrap.zoomMode .detail-slide-gallery-thumbs .swiper-slide .img img{max-height:80px !important; }



@media screen and (max-width:500px){
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide {height:34px !important; }
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img img {height:34px !important;}
}


.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:#6a9efd; -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}

 .swipe-detail-wrap .btn-zoom {display:none;}
@media screen and (max-width:1200px){
   .swipe-detail-wrap .detail-slide-gallery-top{ border-radius:0; }
  
   .swipe-detail-wrap .swiper-pagination{right:1rem;bottom:1rem; font-size:0.80rem; padding:3px 12px;  background-color:rgba(0,0,0,0.3)}

}

@media screen and (max-width:677px){
    .swipe-detail-wrap .swiper-pagination{right:0.375rem;bottom:0.375rem; font-size:0.715rem; padding:2px 12px; }
	/*.swipe-detail-wrap .swiper-scrollbar {display:block; bottom:5px}*/
	.swipe-detail-wrap .zoom-swiper-button-prev,.swipe-detail-wrap .zoom-swiper-button-next{width:35px;}
	.icon.swiper-prev {background-size: auto 30px;   }
	.icon.swiper-next {  background-size: auto 30px; }

	 .swipe-detail-wrap .btn-zoom { }
}