#slide_wrap {display:flex;    }
 
#sub_slide {width:510px; font-size:17.5px; line-height:1.6;  }

#sub_slide h3 {font-size:2.5em}
#sub_slide h3 span {font-size:.5em; vertical-align:12px}

.right_box {width:calc(100% - 600px);    background-color:#333; margin-left:auto }

.swiper-container { width: 100%; }
.swiper-slide-container {text-align: center; margin:auto; line-height:0;}

.gallery-top { height: 100%; width: 100%; }
.gallery-thumbs { height:auto; box-sizing: border-box; width:100%;   }
.gallery-thumbs .swiper-slide {
		width:22.7%;  margin-right:3%;  box-sizing:border-box; 
		height: auto;  background-color:#ddd; overflow:hidden;
		opacity: 1;   position:relative;  
 }

.gallery-thumbs .swiper-slide:after {width:100%; height:100%; opacity:0; position:absolute; left:0; top:0; background:url('/common/img/plus.png') no-repeat center;   content:''; transition: all 0.3s ease-out; cursor:pointer}

.gallery-thumbs .swiper-slide:hover:after {opacity:1;}
.gallery-thumbs .swiper-slide-active { 	opacity:1; }

#popup-1   { position:relative; height:0}
#popup-2   { position:relative; height:0}
#popup-3   { position:relative; height:0}
#popup-4   { position:relative; height:0}
#popup-5   { position:relative; height:0}
#popup-6   { position:relative; height:0}


.needpopup_wrapper #popup-1  { height:400px; overflow:hidden; }
 .needpopup_wrapper #popup-2  {  height:400px;  }
.needpopup_wrapper #popup-3  {  height:400px;  }
.needpopup_wrapper #popup-4  {  height:400px;  }
.needpopup_wrapper #popup-5  {  height:400px;  }
.needpopup_wrapper #popup-6  {  height:400px;  }
 

.needpopup_wrapper  .swiper-container  {width:100vw;  box-sizing:border-box; top:50%; transform: translate(0, -50%);  }


.needpopup-opened .needpopup_wrapper {display:flex;  align-items:center; box-sizing:border-box; }
 
  
.pop_btn_wrap {width:90%;  max-width:440px;  bottom:50%;  left:50%;  position:relative; transform: translate(-50%, -50%); z-index:99999; height:30px;  }
.pop_btn_wrap .swiper-button-prev {position:absolute; z-index:9999999999; margin-top:0; height:30px;  background:none; top:0; left:0}
.pop_btn_wrap .swiper-button-prev  + p {width:100px}
.pop_btn_wrap .swiper-button-next {position:absolute; z-index:9999999999; margin-top:0; height:30px; background:none;  top:0; right:0}

 

.gallery-thumbs {padding:0; margin-top:50px; height:auto; padding-bottom:30px; display:flex; flex-wrap:wrap; }

.gallery-thumbs .swiper-wrapper {justify-content:flex-start}
.gallery-thumbs .swiper-wrapper .swiper-slide-container img {width:100%}

.gallery-thumbs .swiper-container {width:100% !important}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet   {margin:0}
.swiper-pagination-bullet  {width:100%; border-radius:0; height:3px}
.swiper-pagination-bullet-active  {background-color:#333}

.swiper-pagination {width:100%; bottom:0; display:flex}

.swiper-button-wrap {width:100%; height:20px;  display:inline-block; position:relative; margin-top:20px}
.swiper-button-wrap .swiper-button-next {right:0px; margin-top:0; top:0;  left:auto; background:url('/common/img/right_arrow.png') no-repeat right;  width:25px; height:20px;   }
.swiper-button-wrap .swiper-button-prev  {right:30px; left:auto;  margin-top:0; top:0;   background:url('/common/img/left_arrow.png') no-repeat left; width:25px; height:20px;    }
.swiper-button-wrap .swiper-button-next:after {display:none}
.swiper-button-wrap .swiper-button-prev:after {display:none}


.swiper-button-next, .swiper-button-prev {width:35px}
.swiper-button-next:after, .swiper-button-prev:after { width:35px; display:inline-block; text-align:center; border-radius:50%; line-height:35px;  height:35px; background-color:#fff;   font-size:11px; color:#333; font-weight:600;  margin-right:0; margin-left:0;  }



 @media all and (max-width:900px) {
		#sub_slide {width:100%; order:2; margin-top:40px }
		#sub_slide h3 {font-size:1.9em}
		#sub_slide  {font-size:1em; line-height:1.5}

		#slide_wrap {flex-wrap:wrap}
		.right_box {width:100%; height:300px; margin-top:0; order:1 }

		#sub_slide .swiper-wrapper {order:2; margin-top:20px}
		#sub_slide .swiper-button-wrap {order:1; margin-top:0}
  
}

@media all and (max-width:500px) {

		.needpopup_wrapper #popup-1 .swiper-container  {height:400px; }
		.needpopup_wrapper #popup-2 .swiper-container  {height:400px}
		.needpopup_wrapper #popup-3 .swiper-container  {height:400px}
 		.needpopup_wrapper #popup-4 .swiper-container  {height:400px}
 		.needpopup_wrapper #popup-5 .swiper-container  {height:400px}
 		.needpopup_wrapper #popup-6 .swiper-container  {height:400px}
		.needpopup_wrapper .swiper-slide.swiper-slide-active { width:100% !important;  }
  }