@charset "UTF-8";

.wrap-photo {position: relative; padding: 0 10px;}

.wrap-photo .slick-slider{position: static;}

.wrap-photo .thumb{height: 270px; position: relative;}
.wrap-photo .thumb a{display: block; width: 100%; height: 100%;}
.wrap-photo .title {font-size: 20px; font-family: "Noto Regular"; line-height: 1; margin: 5px 0 30px 0;}
.wrap-photo .subject {overflow: hidden;  font-size: 16px; font-family: 'Noto Light'; position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.5); color: white;}
.wrap-photo .subject p{padding: 15.5px 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.wrap-photo .date {font-size: 14px; color: #666666;}
.wrap-photo .control {position: absolute; right: 35px; bottom: 0; width: 100%; text-align: right;}
.wrap-photo .control:after {content: ''; position: absolute; width: calc(100% - 70px); height: 1px; right: 0; top: 50%; background: #9da5a9; }
.wrap-photo .control button {position: relative; z-index: 100; display: inline-block; width: 75px; height: 50px; text-indent: -99999px;}
.wrap-photo .control button.prev {background: #274164 url('../images/arrow-photo-prev.png') no-repeat center center; margin-right: -4px;}
.wrap-photo .control button.next {background: #274164 url('../images/arrow-photo-next.png') no-repeat center center;}
.wrap-photo .nodata {text-align: center; padding: 50px 0;}
.wrap-photo .recentBbsMore{width: 30px; height: 30px; display: block; position: absolute; top: 0; right: 0; background: url(../images/more-btn.png); text-indent: -9999px;}

.wrap-photo .slick-dots{position: absolute; top: 0; right: 40px;}
.wrap-photo .slick-dots li{float: left; width: 26px; height: 26px; border-radius: 50%; margin-right: 8px; position: relative; cursor: pointer;}
.wrap-photo .slick-dots li:last-child{margin-right: 0;}
.wrap-photo .slick-dots li.slick-active{border: 1px solid #006ecc;}
.wrap-photo .slick-dots li button{display: block; text-indent: -9999px; width: 4px; height: 4px; border-radius: 50%; background-color: #006ecc; position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -2px; border: 0;}



@media all and (max-width:1400px) {
    .wrap-photo .title {line-height: 1.2}
}

@media all and (max-width:1023px) {
    .wrap-photo {padding: 0 0 0 35px;}
    .wrap-photo .thumb img {width: 100%;}
    .wrap-photo .title {background-image: none; padding-bottom: 0;}
    .wrap-photo .control {right: 0;}
    .wrap-photo .control:after {width: calc(100% - 35px);}
}

@media all and (max-width:767px) {
    .wrap-photo {padding: 0 0 60px 0;}
    .wrap-photo .control:after {width: calc(100%);}
}