#hls-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
button.vjs-big-play-button {
    top: calc(50% - 1.5em) !important;
    left: calc(50% - 1.5em) !important;
}
#hls-video-header {
    position: absolute;
    top: 0;
    width: calc(100% - 40px);
    left: 0;
    opacity: 1;
    background: rgba(43, 51, 63, 0.7);
    transition: 0.1s opacity 0.2s;
    -webkit-transition: 0.1s opacity 0.2s;
    -moz-transition: 0.1s opacity 0.2s;
    -o-transition: 0.1s opacity 0.2s;
    z-index: 1;
    color: #fff;
    font-size: 4vm;
    padding: 20px;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 !important;
    pointer-events: none;
}

#hls-video-header.hover-out {
    transition: 1s opacity 2.2s !important;
    -webkit-transition: 1s opacity 2.2s !important;
    -moz-transition: 1s opacity 2.2s !important;
    -o-transition: 1s opacity 2.2s !important;
}
/*
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
*/