@charset 'utf-8';

.wr-gallery .label-cap { display: none;}
.wr-gallery li { position: relative;}
.wr-gallery li .img-wrap { position: relative; border: 1px solid #cfcfcf;}
.wr-gallery li .img-wrap .img-item a:after { opacity: 0; content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); transition: .1s;}
.wr-gallery li .na-title { opacity: 0; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .1s;}
.wr-gallery li .na-title a { width: 100%; text-align: center; color: #fff; }
.wr-gallery li .na-title a span {  overflow:hidden; display: block; padding: 0 0 20px; font-size: 24px; font-weight: 500; line-height: 1; text-overflow: ellipsis; white-space: nowrap;}
.wr-gallery li .na-title a i { display: block; font-weight: 700;}
.wr-gallery li:hover .img-wrap .img-item a:after,
.wr-gallery li:hover .na-title { opacity: 1;}

@media (max-width:991px){
    .wr-gallery li .na-title { opacity: 1; position: static; transform: none;}
    .wr-gallery li .na-title a { padding: 15px 0 0; color: #111; }
    .wr-gallery li .na-title a span { padding: 0; font-size: 20px;}
    .wr-gallery li .na-title a i { display: none;}
}
@media (max-width:768px){
    .wr-gallery li .na-title a span { padding: 0; font-size: 18px;}    
}
@media (max-width:576px){
    .wr-gallery li .na-title a span { padding: 0; font-size: 16px;}    
}