.lanrenzhijia {
        width: 1020px;
        height: auto;
        margin: 21px auto;
        /*overflow: hidden;*/
        padding-bottom: 50px;
        font-family: 'Microsoft Yahei';
    }
    
    .lanrenzhijia ul li {
        width: 180px;
        height: auto;
        overflow: hidden;
        float: left;
        margin: 0px 12px;
        position: relative;
        text-align: center;
    }
    
    .lanrenzhijia ul li img {
        width: 178px;
        height: 133px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        background: url(../images/loading.gif) no-repeat center center;
        border: 1px solid #cfcfcf;
    }
    
    .lanrenzhijia ul li .mark {
        background: url(../images/jia.png) no-repeat center 50px #000;
        opacity: 0.7;
        display: none;
        width: 180px;
        height: 135px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 15;
        text-indent: -3000px;
        overflow: hidden;
        filter: alpha(opacity=0.7);
    }
    
/*    .lanrenzhijia ul li .mark2 {
        width: 178px;
        height: 18px;
        line-height: 18px;
        background: url(../images/touming.png) no-repeat center top;
        position: absolute;
        left: 0;
        top: 133px;
        color: #000;
        font-size: 18px;
        z-index: 20;
    }*/
    .name{
        margin-top: 143px;
        width: 178px;
        height: 72px;
        color: #000;
        z-index: 20;
        line-height: 18px;
        font-size: 12px;
        font-family: "Microsoft JhengHei";
        font-weight: bold;
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }