.bbVideoBanner{
width: 100%;
height: 724px;
background: url(../img/beibeivideo/banner.png) no-repeat center;
background-size: 1920px 724px;
}
.videoCont{
width: 100%;
height: auto;
min-height:1878px;
background: url(../img/beibeivideo/background.png)repeat-y center;
background-size: 1920px 578px;
}
.videoList{
margin: 0 auto;
width: 1200px;
}
.videoList li{
float: left;
width:134px;
height: 66px;
line-height: 66px;
text-align: center;
}
.videoList li.active{
background: #fff;
color:#fa7620;
}
.videoTapbox{
width: 1230px;
margin: 0 auto;
}
.videoList2 li{
float: left;
width:380px;
height: 282px;
margin-left: 15px;
margin-right: 15px;
margin-top: 25px;
margin-bottom: 25px;
position: relative;
}
.videoList2 li .bg{
width:380px;
height: 282px;
}
.videoD{
width: 100%;
height: 66px;
background: rgba(0,0,0,0.8);
position: absolute;
bottom:0;
left: 0;
}
.videoD1{
font-size: 16px;
color: #999;
text-align: center;
line-height: 37px;
height: 37px;
letter-spacing: 2px;
font-weight: bold;
}
.videoD2{
font-size: 13px;
color: #999;
text-align: center;
line-height: 29px;
height: 29px;
letter-spacing: 2px;
}
.playBtn{
width:146px;
height: 146px;
position: absolute;
left: 130px;
top:46px
}
.MoreVideo{
background: #777573;
width:117px;
height: 34px;
line-height: 20px;
padding-top:7px;
padding-bottom:7px;
padding-left: 14px;
padding-right: 14px;
font-size: 14px;
color: white;
margin: 0 auto;
}
.tanchuceng{
position: fixed;
width: 100%;
height: 100vh;
left: 0;
top:0;
background: rgba(0,0,0,0.6);
display: none;
}
.videokuang{
width: 1200px;
height: 750px;
margin: 20% auto 0;
position: relative;
}
.guanbi{
width: 54px;
height: 54px;
position: absolute;
left: 0;
top:0
}
.videoBox{
float: right;
width: 1100px;
height: 653px;
}
.videoBox>video{
width: 100%;
height: 100%;
}