@charset "utf-8";
.modal.in .modal-dialog {width:400px; margin:30px auto}
.modal-pop .mainpop_slide{height:450px;}
.modal-pop .mainpop_slide .photo_list--item{width:400px !important}
.modal-pop .mainpop_slide .photo_list--item .picture{width:100%;height:100%;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.modal-pop .slick-dots{position: absolute;bottom: -150px;left: 50%;transform: translate(-50%, -50%);}
.modal-pop .slick-dots li{display: inline-block;margin:0 5px;}
.modal-pop .slick-dots li button{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #fff;font-size:0;opacity:0.5;}
.modal-pop .slick-dots li.slick-active button{opacity:1;}
.modal-pop .control{position: relative;bottom: 0;position: absolute;bottom: -20px;left: 0;}
.modal-pop .control button{position: absolute;top:0;display: inline-block;width: 20px;height: 20px;border-top:2px solid #fff;border-right:2px solid #fff;font-size:0; background:none}
.modal-pop .control button:before,
.modal-pop .control button:after{display: none;}
.modal-pop .control button.prev{left:20px;transform: rotate(225deg)}
.modal-pop .control button.next{right:20px;transform: rotate(45deg)}

@media(max-width:400px){
	.modal.in .modal-dialog {width:auto;}
	.modal-pop .mainpop_slide {height:auto}
	.modal-pop .mainpop_slide .photo_list--item{width:100% !important;min-width:300px;}
}