.video_list {
    color: #666;
    padding: 20px 0px;
}

.video_list li {
    float: left;
    display: inline;
    height: 110px;
    overflow: hidden;
    position: relative;
    width: 33.33%;
    margin-bottom: 20px;
    padding-right: 5px;
    box-sizing: border-box;
}

.video_list li img {
    width: 150px;
    height: 105px;
    display: block;
    float: left;
    margin-right: 15px;
    border: 1px solid #ccc;
    padding: 1px;
}

.video_list li a.video_btn {
    background: url(../../common/images/video/play-btn.png) no-repeat center;
    display: block;
    width: 152px;
    height: 107px;
    position: absolute;
    left: 1px;
    bottom: 2px;
}

.video_list li h2 {
    font-size: 14px;
    font-weight: normal;
    /* line-height: 32px; */
}
.video_list2 li h2{
    font-size: 14px;
    font-weight: normal;
    line-height:	normal;
}
.video_list2 li p.play_time{
    position: absolute;
    bottom: 0;
    left: 170px;
}

.video_list li p {
    line-height: 24px;
}

.video_list li p.play_time {
    background: url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 170px;
    padding-left: 15px;
    width: 73px;
}

.video_list li a.video_btn:hover {
    background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat
}


/*视频文章*/

.title_all h2 {
    color: #333;
    font-size: 26px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
}

@media only screen and (max-width:1366px) {
    .video_list li {
        width: 360px;
    }
}

@media only screen and (max-width:768px) {
    .video_list {
        box-sizing: border-box;
    }
    .video_list li {
        width: 50%;
        padding-right: 10px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width:640px) {
    .ask_area {
        padding: 0px !important;
        border: 0px !important;
    }
}

@media only screen and (max-width:602px) {
    .video_list li {
        width: 100%;
        padding-right: 0;
    }
}

@media only screen and (max-width:320px) {
    /*.video_list li img{ float:none; margin:0 auto; display:block;}
.video_list li a.video_btn{ margin:0 auto;bottom:56px; left:43px;}
.video_list li{ height:165px; text-align:center;}
.video_list li p.play_time{ float:none; margin:0 auto;}*/
    .video_list li img {
        width: 119px;
        height: 84px;
    }
    .video_list li a.video_btn {
        width: 121px;
        height: 86px;
        bottom: 23px;
    }
}