/* .slideThree */
.layerbox .boxtitle { height: 40px; line-height: 40px; padding-left: 18px; background-color: #FFF; border-radius: 10px 10px 0 0; border-bottom: 1px solid #FFF; }

.layerbox .boxtitle h2 { color: #12171d; font-size: 22px; text-align: center; padding-top: 10px; }

.layerbox .boxtitle .close { position: absolute; top: 8px; right: 12px; display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; height: 32px; width: 33px; background: url(../images/close-ico.png) 0 0 no-repeat; cursor: pointer; font-size: 0; content: ""; }

.layerbox .boxcont { background-color: #FFF; padding: 15px; border-radius: 0 0 10px 10px; margin-top: -1px; }

.layerbox .boxcont:after { clear: both; content: " "; display: block; height: 0; }

.layerbox.boxvideo .boxtitle { background-color: #333; border-bottom: 1px solid #333; margin-bottom: -1px; /* 兼容ie浏览器横线存在且色值与333不匹配情况 */ }

.layerbox.boxvideo .boxtitle h2 { margin: 0; color: #333; /* 禁止选中 */ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; }

.layerbox.boxvideo .boxtitle h2 .slideThree { width: 86px; height: 28px; margin-right: 15px; float: left; position: relative; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border: none; cursor: pointer; }

.layerbox.boxvideo .boxtitle h2 .slideThree::before, .layerbox.boxvideo .boxtitle h2 .slideThree::after { position: absolute; color: #FFF; width: 43px; text-align: center; position: absolute; z-index: 0; font-weight: 400; font-size: 14px; line-height: 28px; background-color: rgba(255, 255, 255, 0.14); border: 1px solid #717171; }

.layerbox.boxvideo .boxtitle h2 .slideThree::before { content: 'H5'; left: 0; color: #04C3E0; border-color: #04C3E0; border-top-left-radius: 25px; border-bottom-left-radius: 25px; z-index: 1; }

.layerbox.boxvideo .boxtitle h2 .slideThree::after { content: 'flash'; right: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }

.layerbox.boxvideo .boxtitle h2 .slideThree.active::before { color: #FFF; border-color: #717171; }

.layerbox.boxvideo .boxtitle h2 .slideThree.active::after { color: #04C3E0; border-color: #04C3E0; }

.layerbox.boxvideo .boxtitle h2 .slideThree input[type=checkbox] { visibility: hidden; }

.layerbox.boxvideo .boxtitle h2 .slideThree input[type=checkbox]:checked + label { left: 43px; }

.layerbox.boxvideo .boxtitle h2 .slideThree label { display: block; width: 40px; height: 28px; cursor: pointer; position: absolute; top: 1px; left: 0px; z-index: 1; background: transparent; background-color: transparent; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.layerbox.boxvideo .boxtitle .close { background-image: url(../img/close-ico-new.png); background-size: cover; background-position: center; background-repeat: no-repeat; }

.layerbox.boxvideo .boxcont { background-color: #333; padding: 15px 0 0; }

.layerbox.boxvideo .boxcont .video-js { width: 100%; }

.layerbox.boxvideo .boxcont .vjs-has-started .vjs-control-bar { height: 56px; background-color: transparent; align-items: center; }

.layerbox.boxvideo .boxcont .video-js .vjs-control:before, .layerbox.boxvideo .boxcont .video-js .vjs-current-time, .layerbox.boxvideo .boxcont .vjs-no-flex .vjs-current-time, .layerbox.boxvideo .boxcont .vjs-playback-rate .vjs-playback-rate-value { line-height: 56px; }

.layerbox.boxvideo .boxcont .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 20em; z-index: 100; bottom: 2em; }

/*
.slideThree {
    width: 86px;
    height: 26px;
    margin-top: 7px;
    margin-right: 15px;
    float: right;
    position: relative;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.slideThree:after {
    content: 'Flash';
    color: #f75662;
    position: absolute;
    right: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}


.slideThree:before {
    content: 'H5';
    color: #00bf00;
    position: absolute;
    left: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
}

.slideThree label {
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    background: #fcfff4;
    background: -moz-linear-gradient(top, #fcfff4 0%, rgb(62, 202, 203) 40%, rgb(62, 202, 203) 100%);
    background: -webkit-linear-gradient(top, #fcfff4 0%, rgb(62, 202, 203) 40%, rgb(62, 202, 203) 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, rgb(62, 202, 203) 40%, rgb(62, 202, 203) 100%);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.slideThree input[type=checkbox] {
    visibility: hidden;
}

.slideThree input[type=checkbox]:checked + label {
    left: 43px;
}*/

/* end .slideThree */