/* 公共样式表css */

.clearfix::after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.clearfix {
}

.container{width:100%;margin:0 auto;padding:0;}


.video .inner{display:block;cursor:pointer;}
.video .inner img{transition:all .4s;}
.video .inner:hover img{transform:scale(1.05);}
.video .vr-big{float:left;width:100%;height:550px;margin-bottom:20px;position:relative;overflow:hidden;}
.video .vr-big .text{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:12% 25%;font-size:16px;}
.video .vr-big .text h3{font-size:24px;margin-bottom:4px;}
.video .vr-big .link{width:130px;height:48px;font-size:16px;line-height:48px;text-align:center;position:absolute;z-index:2;right:30px;bottom:20px;border:1px solid #eee;color:#fff;transition:all .2s;}
.video .vr-big .link:hover{background:#f39800;border-color:#f39800;color:#fff;}
.video .vr-big .play{width:83px;height:83px;background:rgba(0,0,0,.4) url(../images/3f_play_left.png) no-repeat center center;position:absolute;left:50%;top:75%;margin:-21px 0 0 -21px;border-radius:50%;cursor:pointer;transition:all .2s;}
.video .vr-big .play:hover{background-color:rgba(0,0,0,.6);}
.video .vr-right{float:left;width:412px;margin-left:22px;}
.video .vr-small{margin-bottom:20px;width:412px;height:232px;position:relative;overflow:hidden;}
.video .vr-small .text{position:absolute;left:0;right:0;bottom:0;padding:0 20px 20px 20px;font-size:16px;color:#fff;}
.video .vr-small .link{width:30px;height:30px;background:url(../images/3f_icon.png) no-repeat center center;right:20px;bottom:14px;z-index:2;transition:all .2s;}
.video .vr-small .link:hover{background-image:url(../images/3f_icon_02.png);}
.video .vr-small .play{width:51px;height:51px;background:rgba(0,0,0,.4) url(../images/3f_play_right.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:50%;cursor:pointer;transition:all .2s;}
.video .vr-small .play:hover{background-color:rgba(0,0,0,.6);}