.img-z{
        position: relative;
        font-size: 0;
    }
    .img-z >i{
        display: block;
        position: absolute;
        background-size: cover;
        opacity: .9;
        filter:alpha(opacity=90);
        z-index: 10;
    }
    .img-z .topleft,.img-z .bottomleft{
        left: 0;
    }
    .img-z .topright,.img-z .bottomright{
        right: 0;
    }
    .img-z .desinfo{
        width: 100%;
        /*background: #ccc;*/
        /*opacity: .7;*/
        /*filter:alpha(opacity=70);*/
        position: absolute;
        bottom: 0;
        left: 0;
        box-sizing:border-box;
        color: #000;
        z-index: 2;
        margin: 0;
        word-break:break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow:hidden;
        font-size: 1rem;
        text-align: center;
        text-shadow:1px 1px 4px #fff, 1px 1px 4px #fff, -1px -1px 4px #fff, -1px -1px 4px #fff;
        letter-spacing: 1px;   
        font-weight: 700;    
    }