/* 图册列表 */

.atlas li {
    padding: 5px;
}

.atlas li img {
    width: 100%;
}

.atlas li p {
    position: relative;
    padding-left: 20px;
    font: 400 14px/36px '微软雅黑';
    color: #000;
    background: #fff;
}
@media (min-width:1200px) {

    .atlas ul {
        padding: 30px;
    }
    .atlas li {
    	float: left;
        width: 25%;
        padding: 10px;
    }
    .atlas li a img{
    }
    .atlas li p {
        font: 400 14px/48px '微软雅黑';
    }
    .img-wrap{
        position: relative;
    }
    .img-wrap span{
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .atlas li a:hover span{
        border: 3px solid #017b1e; 
    }
    .atlas li a:hover p{
        color: #fff;
        background: #017b1e;
    }
    .atlas li a:hover i{
        background-color: #017b1e;
    }
}