@charset "utf-8";
/*列表通用 index、album*/
.album-list{
    margin: 0 -10px;
}
.album-list .item{
    padding: 0 10px;
}
.album-list.type1 .item .box .more:after{
    color: #fff;
    background: #E70012;
    background: -moz-linear-gradient(357deg, #E70012 0%, #880211 100%);
    background: -webkit-linear-gradient(357deg, #E70012 0%,#880211 100%);
    background: linear-gradient(to 357deg, #E70012 0%,#880211 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E70012', endColorstr='#880211',GradientType=1);
}
.album-list .item .namebox{
    padding: 0 0 10px;
    background: #fff;
    position: relative;
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
    margin: 0 0 15px;
}
.album-list .item .box:hover .namebox{
    background: #880211;
}
.album-list .namebox:before{
    content: 'MORE';
    display: inline-block;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background: #880211;
    padding: 4.5px 23.5px;
}
.album-list .box:hover .namebox:before{
    color: #880211;
    background: #fff;
}
.album-list .item .name{
    color: #555555;
    text-align: left;
    padding: 0 15px 0;
    margin: 10px 5px 5px;
    font-size: 18px;
    font-weight: 500 !important;
}
.album-list .item .box:hover .name{
    color: #fff;
}
.album-list.type1 .pic:before,
.album-list.type3 .pic:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 50%;
      background: rgb(136,2,17,.7);
    top: initial;
    left: initial;
    right: 3%;
    bottom: 150%;
    opacity: 0;
    transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transition: opacity .25s, height .001s .25s, bottom .001s .25s, background-image .001s .25s;
    -moz-transition: opacity .25s, height .001s .25s, bottom .001s .25s, background-image .001s .25s;
    -webkit-transition: opacity .25s, height .001s .25s, bottom .001s .25s, background-image .001s .25s;
    z-index: 1;
}
.album-list.type1 .box:hover .pic:before,
.album-list.type3 .box:hover .pic:before{
    height: 200%;
    bottom: -50%;
    opacity: 1;
      background: rgb(180,3,21,.5);
    background: -moz-linear-gradient(top, rgba(180,3,21, 0) 0, rgb(180,3,21,.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(180,3,21, 0)), color-stop(100%, rgb(180,3,21,.5)));
    background: -webkit-linear-gradient(top, rgba(180,3,21, 0) 0, rgb(180,3,21,.5) 100%);
    background: -o-linear-gradient(top, rgba(180,3,21, 0) 0, rgb(180,3,21,.5) 100%);
    background: -ms-linear-gradient(top, rgba(180,3,21, 0) 0, rgb(180,3,21,.5) 100%);
    background: linear-gradient(to bottom, rgba(180,3,21, 0) 0, rgb(180,3,21,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    transition: opacity .25s, bottom .25s, height .35s .15s, background-image .001s .15s;
    -moz-transition: opacity .25s, bottom .25s, height .35s .15s, background-image .001s .15s;
    -webkit-transition: opacity .25s, bottom .25s, height .35s .15s, background-image .001s .15s;;
}
.album-list .box:hover .pic:before{
    opacity: 1;
}
.masonry-list.album-list.type1 .item{
    margin-bottom: 0;
}
.masonry-list.album-list.type1 .item .name{
    text-align: left; 
}
.masonry-list.album-list.type1 .item .box .more:after{
    display: none;
}
.masonry-list.album-list .item .namebox{
    position: relative;
}
.masonry-list.album-list.type4 .item .namebox:after{
    display: none;
}
.masonry-list.album-list.type3 .item,
.masonry-list.album-list.type1 .item{
    padding: 0 15px!important;
}
/*!瀑布流*/
.album-list.type1 .item {
    border-bottom: 1px solid #D6DADE;
}
/*------------ rwd ------------*/
@media screen and (max-width: 766px){
    .album-list.type1 .item .name{
        font-size: 16px;
    }
}
/*!列表通用 index、album*/
/*瀑布流*/
.masonry-list .item:nth-child(n),
.has-side .masonry-list .item:nth-child(n){
    clear: none!important;
}
/*!瀑布流*/