.video-holder {
    /*background: green;*/
    padding: 10px;
    width: 80% !important;
}
.centered {
    width: 1000px;
    margin: 30px auto 0;
}

.playlist-components {
    height: 564px;
    width: 100%;
}
.video-js, .playlist-components {
    display: inline-block;
    vertical-align: top;
}
.button-holder {
    padding: 10px;
    height: 36px;
}

.playlist {
    height: 520px;
    width: 100%;
    overflow-y: auto;
    color: #000;
    /*border-radius: 8px;*/
    display: block;
    margin: 5px 0;
    padding: 1px 0 0 0;
    position: relative;
    background: #FFF; 
/*    background: -moz-linear-gradient(top,#000 0,#212121 19%,#212121 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(19%,#212121),color-stop(100%,#212121));
    background: -o-linear-gradient(top,#000 0,#212121 19%,#212121 100%);
    background: -ms-linear-gradient(top,#000 0,#212121 19%,#212121 100%);
    background: linear-gradient(to bottom,#000 0,#212121 19%,#212121 100%);
    box-shadow: 0 1px 1px #1a1a1a inset,0px 1px 1px #454545;*/
    /*border: 1px solid #1a1a18;*/
}
#next {
    float: right;
}
#prev {
    float: left;
}

#prev, #next {
    cursor: pointer;
}

.playlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.playlist ul li {
    padding: 10px;
    border-bottom: 1px solid #BABABA;
    cursor: pointer;
}
.playlist ul li.active {
    background-color: green;
    border-color: green;
    color: #FFF !important;
}
.playlist ul li:hover {
    border-color: green;
    background: green;
    color: #FFF !important;
}
.playlist .poster, .playlist .title  {
    display: inline-block;
    vertical-align: middle;
}
 .playlist .number{
    padding-right: 10px;
}
.playlist .poster img {
    width: 64px;
}
.playlist .title {
    padding-left: 10px;
}

.vjs-poster {
    width: 1024px !important;
    margin: 0 auto !important;
    /*text-align: center;*/
}
.cvet {
    color:#006db2;
}
.cvet2 {
    color:#999999;
}