/*video-body*/
a.vid-h-logo{background-image: url(../images/vid-gb-logo.png); background-size: 95px 25px; background-repeat: no-repeat;}
.v_h_search .search-box a.vh-sear-logo{background-image: url(../images/vh-sear-logo.png); background-size: 95px 25px; background-repeat: no-repeat;}
.vc-p-video a:after,b.v-gb-ico,.v-gb-ico:before,.v-gb-ico:after{background-image: url(../images/vid-gb-ico.png); background-size: 600px 400px; background-repeat: no-repeat; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; content: '';}


@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    a.vid-h-logo{background-image: url(../images/vid-gb-logo-x2.png);}
    .v_h_search .search-box a.vh-sear-logo{background-image: url(../images/vh-sear-logo-x2.png);}
    .vc-p-video a:after,b.v-gb-ico,.v-gb-ico:before,.v-gb-ico:after{background-image: url(../images/vid-gb-ico-x2.png);}
}
/*background*/



#vid-airbox,#airbox{width: 100%; height: auto; position: fixed; z-index: 999; left: 0; top: 0;}
#vid-wrap{width: 100%; height: auto; position: relative; z-index: 1;}
#vid-contain,#mobile-contain,#vid-foot{width: 100%; position: relative; z-index: 2;}
#vid-head-wrap{width: 100%; position: fixed; z-index: 99; background-color: #fff; background-color: rgba(255,255,255,.97); border-bottom: 1px #f2f2f2 solid; box-sizing: border-box;}

#v-gotop{width: 50px; height: 50px; position: absolute; right: 10px; overflow: hidden; border-radius: 5px; display: none; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); -webkit-transition: -webkit-transform .3s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); -moz-transition: -moz-transform .3s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); transition: transform .3s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1);}
#v-gotop a{width: 100%; height: 100%; display: block; overflow: hidden; background-color:#999; background-color: rgba(0,0,0,.6); -webkit-transition: background-color .8s cubic-bezier(0.316967, 0.989541, 0.310022, 1); -moz-transition: background-color .8s cubic-bezier(0.316967, 0.989541, 0.310022, 1); transition: background-color .8s cubic-bezier(0.316967, 0.989541, 0.310022, 1);}
#v-gotop a:hover{background-color: #008cd6;}
#v-gotop a:after{width: 45px; height: 45px; display: block; content: ''; overflow: hidden; background-position: -120px 0; margin: 2px;}
#v-gotop.show{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); -webkit-transition: -webkit-transform .5s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); -moz-transition: -moz-transform .5s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); transition: transform .5s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1);}





/*video*/
#video_layer{position: fixed; top: 0; left: 0; width: 100%; min-height: 300px; z-index: 1; background-color: #fff; background-color: rgba(255,255,255,.98);}
#video_layer a.vdl-colse{display: inline-block; width: 30px; height: 30px; position: absolute; top: 25px; right: 25px; z-index: 9; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
#video_layer a.vdl-colse:hover{opacity: .7;}
#video_layer a.vdl-colse:before{width: 30px; height: 30px; position: absolute; top: 0; left: 0; background-position: -130px -125px;}
#video_layer .vdl-box{position: absolute; top: 50%; left: 50%; z-index: 1;}
/*video*/

/*video-body end*/

/*contain*/
.vc-main-promos{width: 1200px; position: relative; overflow: hidden; margin: auto; margin-bottom: 40px;}
.vc-main-promos ul{width: 100%; display: table;}
.vc-main-promos ul li{display: inline-block; position: relative; width: 45%; height: 300px; box-sizing: content-box; overflow: hidden;margin: 20px 2.5%;}
/*.vc-main-promos ul li{display: table-cell; position: relative; width: 1%; height: 480px; box-sizing: content-box; overflow: hidden; }*/
.vc-main-promos ul li a{display: block; position: relative; height: 100%; overflow: hidden; width: 100%;}
.vc-main-promos ul li a i{display: block; position: absolute; height: 100%; text-align: center; z-index: 1;}
.vc-main-promos ul li a i img{width: 100% !important;}
.vc-main-promos ul li a .title{width: 100%; position: absolute; z-index: 2; text-align: center; left: 0; bottom: 60px; color: #fff;}
.vc-main-promos ul li a .title h2{line-height: 1em; font-size: 18px; padding-bottom: 5px;}
.vc-main-promos ul li a .title h3{line-height: 1em; font-size: 14px;}
.vc-main-promos ul li a .title.color-black{color: #333;}
.vc-main-promos ul li a .title.color-black h3{color: #999;}
.vc-main-promos ul li a .title.color-white{color: #fff;}
.vc-main-promos ul li a .title.color-white h3{color: #fff;}
.vc-main-promos ul li.vc-p-video a:after{width: 80px; height: 80px; content: ""; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; background-position: -520px 0; z-index: 9;}
.vc-main-promos ul li.vc-p-video a:hover:after{background-position: -420px 0;}


/*--------main---------*/