body{
    background: #f4f4f4;
}

.banner{
   background: #eeeeee;
}
.banner img{
    display: block;
    width: 1300px;
    margin: 0 auto;
}
.content{
    width: 1100px;
    background: #fff;
    padding-bottom: 80px;
    margin: 0 auto;
    padding-top: 30px;
}
.content h2{
    float: left;
    color: #666666;
    font-size: 24px;
    margin-left: 50px;
}
.content .input{
    width: 216px;
    height: 25px;
    border:1px solid #999;
    padding-left: 5px;
}

.content .button{
    width: 40px;
    height: 27px;
    cursor: pointer;
    vertical-align: top;
    background: #006cb8 url('../images/sea.png')no-repeat center;
}
.search_video{
    float: right;
   margin-right: 50px;
}
.list_video{
   
    width: 1000px;
    margin: 60px auto 0;
}

.list_video li{
    float: left;
    width: 240px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}
.list_video li a{
    position: relative;
    display: block;
    width: 240px;
    height: 144px;

}
.list_video li a img{
    width:100%;
}
.mask{
    display: none;
    position: absolute ;
    z-index: 9;
    background: rgba(0,0,0,.5) url('../images/bo.png')no-repeat center;
    width: 240px;
    height: 144px; 
}
.list_video li p{
    font-size: 14px;
    margin-left: 10px;
    margin-top: 10px;
}
.list_video  li a:hover .mask{
    display: block;
}
.page{
    text-align: center;
    height: 24px;
    line-height: 24px;
    margin-top: 25px;
}
.page a{
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid #cccccc;
}
.page .active{
    border: 1px solid #4689d1;
    background: #4689d1;
    color: #fff;
}
.list_video li:nth-child(2n+2){
    margin-left: 12px;
}
.list_video li:nth-child(4n+3){
    margin-left: 12px;
}