@charset "UTF-8";
.wrap-popup {overflow:hidden;}
.wrap-popup .popup-inner{width:700px; height:240px; position:relative; float:right;}
.wrap-popup .popup-inner:before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;z-index: 0;background: #f7f7f7;}
.wrap-popup .title{position: absolute;bottom:0;right:0;z-index: 1;width: 100%;text-align: left;background: rgba(56,56,56,0.8);padding: 12px 25px;}
.wrap-popup .title > strong {font-family: 'Noto Regular';font-size: 20px;color:#fff;}
.wrap-popup .slider {border-top:none;padding:0;}
.wrap-popup .slider li{width:100%;}
.wrap-popup .slider li img {width:100%;max-width: 700px;}
.wrap-popup .title .slick-counter_popup{position: absolute;top: 7px;right: 120px;font-size:14px;text-align: center;vertical-align: top;padding-top: 11px;font-family: 'Noto Regular';letter-spacing: 1px;}
.wrap-popup .title .current_popup{color: #e3c040;}
.wrap-popup .title .slash_popup{color: #999;margin: 0 8px;}
.wrap-popup .title .total_popup{color: #fff;}
.wrap-popup .control {text-align:center;position:absolute;top: 1px;right: 42px;}
.wrap-popup .control .paging {display:inline-block;}
.wrap-popup .control .paging ul {display:inline-block;}
.wrap-popup .control .paging li {float:left; margin:0 2px;}
.wrap-popup .control .playstop {display:inline-block;position:relative;top: 6px;}
.wrap-popup .control .playstop button {display:none; text-indent:-9999px;}
.wrap-popup .control .playstop button.on {display:inline-block;}
.wrap-popup .control .play {width: 20px;height: 44px;background:url('../images/play.png') no-repeat center center;}
.wrap-popup .control .stop {width: 20px;height: 44px;background:url('../images/pause.png') no-repeat center center;}
.wrap-popup .prevnext {position: absolute; left: 0; top: 50%; width: 100%; z-index: 100;}
.wrap-popup .prevnext .container {position: relative;}
.wrap-popup .prevnext button {position: absolute;width: 20px;height: 44px;text-indent: -9999px;top: -21px;}
.wrap-popup .prevnext .prev {right: 70px;background: url('../images/left_arrow_w.png') center center no-repeat;}
.wrap-popup .prevnext .next {right: 15px;background: url('../images/right_arrow_w.png') center center no-repeat;}

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

@media all and (max-width:767px) {
.wrap-popup .popup-inner{width:100%; height:auto; padding-bottom:50px;}
}