.video_el.vf_section-full .container{max-width:100%;padding:20px}
.video_el.vf_section-full.vf_gp_0 .container{padding:0}
.video_el.vf-container_p .container{padding:20px}
.video_el .row{margin-right:-20px;margin-left:0;margin-bottom:-20px}
.video_el .row .grid{padding:0 20px 20px 0}
.video_el.vf_gp_0 .row{padding-left:1px}
.video_el.vf_gp_0 .row .grid .box{margin-left:-1px;margin-bottom:-1px;box-shadow:none}


.vf_video_box{height:100%;background:var(--bg_w_2);position:relative;overflow:hidden;border-radius:6px;transform:rotate(0);-webkit-transform:rotate(0)}
.vf_video_box .pc_video{height:100%;position:relative}
.vf_video_box .pc_video:only-child{height:100%}
.vf_video_box .image:only-child{height:100%}
.vf_video_box .image img{width:100%;height:100%}
.vf_video_box .image{z-index: 5;}

.vf_video_box .info{padding:20px;text-align:center}
.vf_video_box .info:empty{display:none}
.vf_video_box .info_title{font-size:20px;margin-bottom:10px}
.vf_video_box .info_title:only-child{margin:0}
.vf_video_box .info_text{margin-bottom:10px}
[class*=side] .vf_video_box .info{text-align:inherit;padding:10px 15px}

.vf_video_box .video_icon,
.vf_video_box .video_icon .video_icon_btn::before{position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.vf_video_box .video_icon{display: block;z-index:4;text-align: center;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;}

.vf_video_box  .video_icon_btn::before{vertical-align: middle;  font-family: "iconfont" !important;-webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}   
.vf_video_box  .video_icon_btn::before{font-weight: 400;content:"\e60c";font-size: 60px;color: #fff;}
.vf_video_box .video_icon:hover .video_icon_btn::before{color: var(--theme);}


.big_icon .video_icon{width:100px;height:100px;box-shadow:0 0 0 0 var(--theme);background: var(--theme);border:0;border-radius:50%;-webkit-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);-moz-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);-ms-animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);}
.big_icon .video_icon .video_icon_btn::before{font-weight: 600;font-size:32px;content:"\e60c";}
.big_icon .video_icon:hover .video_icon_btn::before{color:#fff;}
.big_icon .video_icon:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
@-webkit-keyframes pulse{to{box-shadow:0 0 0 45px transparent}}
@-moz-keyframes pulse{to{box-shadow:0 0 0 45px transparent}}
@-ms-keyframes pulse{to{box-shadow:0 0 0 45px transparent}}
@keyframes pulse{to{box-shadow:0 0 0 45px transparent}}

.vf_video_box .youtube::before {
    padding-top: 56.25%;
}
.vf_video_box .youtube::before {
    display: block;
    content: "";
}

.vf_video_box .youtube iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}