.album-clear:after{content:"";display:block;clear:both}
.album-list .mod-album,.album-list img{-moz-transition:ease-in-out .5s;-webkit-transition:ease-in-out .5s;-o-transition:ease-in-out .5s;-ms-transition:ease-in-out .5s;transition:ease-in-out .5s}
.album-list ul{list-style-type: none;}
.album-list li{float:left;margin:10px}
.album-list .mod-album{background: #fff;padding:10px;box-shadow:1px 1px 2px rgba(0,0,0,.15)}
.album-list .mod-album:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}
.album-list .mod-album a{color:#333}
.album-list .mod-album a:hover{text-decoration:underline}
.album-list .mod-album img{opacity:.9;width: 100%;height: 100%;margin: 0;}
.album-list .mod-album:hover img{opacity:1}
.album-list .mod-album:hover {box-shadow: 0px 2px 10px rgba(0,0,0,.15);    -webkit-transform: translate(0, -2px);-ms-transform: translate(0, -2px);-o-transform: translate(0, -2px);transform: translate(0, -2px);}
.album-list .mod-album .thumb {position: relative;overflow: hidden;}
.album-list .mod-album ins {display: block;position: absolute;right: 0;bottom: 0;height: 21px;line-height: 21px;text-decoration: none;padding: 0 5px;color: #fff;background: rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);}
.album-list .mod-album .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}
.album-list .mod-album .title span{color:#999;}
.album .mod-album{box-shadow:none;padding:0;overflow:hidden}
.album .mod-album .thumb{line-height:0}
.album .mod-album .title{border:solid 1px #eee;position:relative;padding:5px 10px}
.album-gallery .album-header {margin: 15px;position: relative;}
.album-gallery .album-header .album-info {float:right;}
.album-gallery .album-header .album-info > div{float: left;margin-left: 15px;}
.album-gallery .album-header .album-info span{display: block;text-align: center;}
.album-gallery .album-header .album-info span.t1 {font-weight: bold;font-size: 16px;}
.album-gallery .album-header .album-info span.t2 {font-size: 14px;color: #8c8c8c;}
.album-gallery .justified-gallery .arrange {position: relative;float: left;overflow: hidden;padding: 10px;box-sizing: border-box;width: 20%;}
.album-gallery .justified-gallery .arrange a {display: block;overflow: hidden;position: relative;}
.album-gallery .justified-gallery a>img{margin:0;-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);height:100%;width:100%}
.album-gallery .justified-gallery a:hover>img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
.album-gallery .justified-gallery a:hover .album-gallery-poster>img{opacity:1}
.album-gallery .justified-gallery a .album-gallery-poster{background-color:rgba(0,0,0,.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}
.album-gallery .justified-gallery a .album-gallery-poster>img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity .3s ease 0s;-o-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s}
.album-gallery .justified-gallery a:hover .album-gallery-poster{background-color:rgba(0,0,0,.5)}
@media only screen and (max-width: 1000px){
    .album-gallery .justified-gallery .arrange{width:25%;}
}
@media only screen and (max-width: 750px){
    .album-gallery .justified-gallery .arrange{width:33.3333%;}
}
@media only screen and (max-width: 500px){
    .album-gallery .justified-gallery .arrange{width:50%;}
}