#list-photo{
margin:0 -7px;width:100%}
#list-photo .item{
margin-bottom:14px;width:33.333%}
#list-photo .item .photo-item{
padding-left:7px;padding-right:7px}
#list-photo .item .photo-item div{
box-shadow:0 1px 4px 0 rgba(0,0,0,.3);padding:5px;transition:all .25s}
#list-photo .item .photo-item div:hover{
background:rgba(63,63,62,.1)}
#list-photo .item .photo-item img{
border:1px solid rgba(63,63,62,.4);display:block;max-width:100%}
.lg-outer .lg-thumb{
margin:0 auto!important}
.lg-sub-html{
bottom:100px!important}
.lg-sub-html.inactive{
bottom:0!important}
.gallery-wrap .gallery-item{
float:left;margin-bottom:10px;margin-right:.8%;max-height:250px;overflow:hidden;position:relative;width:32.8%}
.gallery-wrap .gallery-item:nth-child(3n){
margin-right:0}
.gallery-wrap .gallery-item .gallery-detail{
background:rgba(0,0,0,.8);bottom:-50px;color:#fff;left:0;padding:4px 10px;position:absolute;right:0;transition:.25s ease;z-index:2}
.gallery-wrap .gallery-item .gallery-detail a{
color:#fff}
.gallery-wrap .gallery-item .gallery-detail a:hover{
color:#32c5d2!important}
.gallery-wrap .gallery-item .gallery-detail .gallery-title{
font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-wrap .gallery-item .gallery-detail .gallery-author{
font-size:12px}
.gallery-wrap .gallery-item:hover .gallery-detail{
bottom:0}
.gallery-wrap .gallery-item .img-wrap{
overflow:hidden}
.gallery-wrap .gallery-item .img-wrap img{
width:100%}
@media screen and (max-width:767px){
.gallery-wrap .gallery-item{
width:100%}
.gallery-wrap .gallery-item .gallery-detail{
bottom:0}
}
body[dir=rtl] .lg-outer{
direction:ltr}