/**
* 此css包含所有插件用到的样式以及其他样式拓展
*/
/*thumbnails start*/
/* a wrapper element that tracks the mouse vertically */
.vjs-thumbnail-holder {
    position: absolute;
    left: -1000px;
}

/* the thumbnail image itself */
.vjs-thumbnail {
    position: absolute;
    left: 0;
    bottom: 1.3em;
    opacity: 0;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -mz-transition: opacity .2s ease;
}

/* fade in the thumbnail when hovering over the progress bar */
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
.vjs-progress-control:hover .vjs-thumbnail,
.vjs-progress-control.fake-active .vjs-thumbnail,
.vjs-progress-control:active .vjs-thumbnail {
    opacity: 1;
}

/* ... but hide the thumbnail when hovering directly over it */
.vjs-progress-control:hover .vjs-thumbnail:hover,
.vjs-progress-control:active .vjs-thumbnail:active {
    opacity: 0;
}
/*thumbnails end*/

/*resolution-switcher start*/
.vjs-resolution-button .vjs-menu-icon:before {
    content: '\f110';
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
    font-size: 1.8em;
    line-height: 1.67em;
}

.vjs-resolution-button .vjs-resolution-button-label {
    font-size: 1em;
    line-height: 3em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: inherit;
}

.vjs-resolution-button .vjs-menu .vjs-menu-content {
    width: 4em;
    left: 50%; /* Center the menu, in it's parent */
    margin-left: -2em; /* half of width, to center */
}

.vjs-resolution-button .vjs-menu li {
    text-transform: none;
    font-size: 1em;
}
/*resolution-switcher end*/

/*add start*/
.video-js{
    overflow: hidden;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{
    width: 10em;
}
.video-js .vjs-current-time.vjs-time-control.vjs-control, .video-js .vjs-duration.vjs-time-control.vjs-control, .video-js .vjs-time-divider.vjs-time-control{
    display: table-cell;
    padding: 0px;
    text-align: center;
    width: 3em\0;
}
.video-js .vjs-current-time.vjs-time-control.vjs-control {
    padding-right: 0px;
    text-align: right;
}
.video-js .vjs-duration.vjs-time-control.vjs-control {
    padding-left: 0px;
    text-align: left;
}
.video-js .vjs-time-divider.vjs-time-control {
    width: 1em;
    min-width: 1em;
}
.video-js .vjs-remaining-time.vjs-time-control.vjs-control {
    display: none;
}

/*add end*/