.content-list-wrap {
    .total-num {
        position: relative;
        top: -17px;
        left: 160px;

        .num {
            color: #ff0202;
            margin: 0 3px;
        }
    }
}

.video-list{
    width: 105%;
    margin: 5px 0 0 5px;

    .video-item{
        float: left;
        margin: 0 16px 15px 0;
        width: 180px;

        .video-link{
            width: 180px;
            height: 120px;
            position: relative;
            display: block;
        }

        .video-bg {
            position: absolute;
            background: url(./videobg.png) no-repeat;
            width: 182px;
            height: 122px;
            left: -4px;
            top: -4px;
            z-index: 0;
        }

        .video-img{
            width: 180px;
            height: 100%;
            position: relative;
            z-index: 1;
            border: 1px solid #ccc;
        }

        .video-playicon {
            visibility: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 42px;
            height: 42px;
            margin: -21px 0 0 -21px;
            background: url(http://vs3.bdstatic.com/pc_static/icons/play.png) 1px 1px no-repeat;
            z-index: 2;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vs3.bdstatic.com/pc_static/icons/play.png');
            _background:none;
        }

        .video-mask {
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 50px;
            line-height: 18px;
            z-index: 1;
            background: url(./bg_shadow.png) left bottom repeat-x;
            _background-image: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./bg_shadow.png');
        }

        .video-duration{
            position: absolute;
            color: #ccc;
            padding: 5px;
            right: -1px;
            bottom: -1px;
            font-family: Arial;
            z-index: 2;
        }

        .video-meta{
            padding: 10px 0 5px;
            font-size: 12px;
            height: 34px;
        }

        .video-title{
            clear: both;
            font-size: 14px;
            line-height: 16px;
            margin-bottom: 6px;

            a{
                display: block;
                height: 16px;
                font-size: 14px;
                overflow: hidden;
                &:hover {
                    color: #136EC3;
                }
            }
        }

        .price {
            color: #ff0000;
            font-size: 12px;
            height: 14px;
            line-height: 14px;
        }

        .video-src{
            float: right;
            color: #999;
        }

        .video-playnum{
            background: url(./play_num.png) no-repeat 0 center;
            float: left;
            color: #999;
            padding-left: 13px;
        }
    }
}

.video-list-videos {
    margin: 0;
    //_margin-left: 45px;

    .video-item {
        margin-right: 18px;

        .video-bg {
            display: none;
        }

        .video-img {
            border: 0 none;
        }

        .video-link {
            height: 102px;
        }

        .video-link:hover {
            .video-playicon {
                visibility: visible;
                zoom: 1;
            }
        }

        .video-meta {
            p {
                color: #999;
            }
            .time {
                float: right;
                text-align: right;
                width: 50%;
                height: 14px;
                line-height: 14px;
                overflow: hidden;
            }
            .count {
                float: left;
                height: 14px;
                line-height: 14px;
            }
        }

        .video-duration {
            right: 0;
            bottom: 0;
        }
    }
}

.video-none{
    .video-none-tip{
        text-align: center;
        color: #444;
        margin:70px auto 24px;
    }
    .video-refresh{
        width: 136px;
        height: 45px;
        line-height: 45px;
        color: #fff;
        background: url(./refresh.png?__sprite) 0 0 no-repeat scroll;
        text-indent: -9999px;
        display: block;
        margin: 0 auto;
    }
}

.content-pages {
    text-align: center;
    margin: 20px 0 30px;

    a,
    .filter-sel-active {
        .fis-inline-block();
        font: 14px Verdana;
        padding: 0 14px;
        text-align: center;
        margin: 0 3px;
    }

    a {
        background: #fff;
        height: 32px;
        line-height: 32px;
        border: 1px solid #e1e2e3;
        text-decoration: none;
        color: #0071ce;
        &:hover{
            border-color: #b2cfeb;
            background-color: #eff8ff;
        }

        &.pagination-prev, &.pagination-next {
            padding:0 18px;
        }
    }

    .filter-sel-active {
        height: 34px;
        line-height: 34px;
        color: #333333;
        cursor: default;
    }
}