.RalodePlayer .rl-buttons {padding: 6px 0 6px; display: none;}
.RalodePlayer .buttonLR {width:24px; height:24px; display: none;}
.RalodePlayer .buttonLR:hover { cursor: pointer; }
.RalodePlayer .ButtonLft {float:left; 
/*background: url(img/left.png) no-repeat;*/
border-radius: 4px 0 0 4px;
}
.RalodePlayer .ButtonLft:hover {
/*background: url(img/left_hov.png) no-repeat; */
}
.RalodePlayer .rl-lenta {width:33300px; margin:0; line-height:120%;}
.RalodePlayer .ButtonRgh {float:right; 
/*background: url(img/right.png) no-repeat;*/
 border-radius: 0 4px 4px 0;
}
.RalodePlayer .ButtonRgh:hover {
/*background: url(img/right_hov.png) no-repeat;*/
}

.RalodePlayer .RlItem {
	float:left;
	cursor:pointer; 
	
    font-size: 13px;
    height: 50px;
    width: 100px;
    display: block;
    line-height: 18px; /* 25 */
    color: rgba(255,255,255,0.5);
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #24242a;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    
    word-spacing: 9999999px;
    overflow: hidden;
}
.RalodePlayer .RlItem:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    background-image: -ms-linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    background-image: linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    -webkit-box-shadow: 0 0 20px 0 rgba(255,88,96,0.5);
    box-shadow: 0 0 20px 0 rgba(255,88,96,0.5);
}
.RalodePlayer .serie-active {
    color: #fff;
    background-image: -webkit-linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    background-image: -ms-linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    background-image: linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    -webkit-box-shadow: 0 0 20px 0 rgba(255,88,96,0.5);
    box-shadow: 0 0 20px 0 rgba(255,88,96,0.5);
}

.RalodePlayer .playerCode {width:100%; clear:both; margin:0;}
.RalodePlayer .RlVisor { overflow-x: hidden; overflow-y: hidden;  }

/* Блок жалоб */
.vc-player  #vc-complait-box { text-align: center; }
/* Ссылка "Пожаловаться на видео" */
.vc-player  #CvComplaintShowModal {} 
/* Форма отправки жалобы*/
.vc-player  #vc-complait-dialog div:last-child {padding-top:8px;}
.vc-player  #cv_complaint_text {width:330px; height:70px; opacity:0.25; resize:none; outline: none; overflow: auto;}

/*
    Ниже идут цветовые надстройки над шаблоном. Как пример.
*/

.RalodePlayer.rl-nobg {background-color:transparent; padding:0;}

/* Светлый шаблон (серый, надстройка) */
.RalodePlayer.rl-light {background-color:transparent; padding:0;}
.RalodePlayer.rl-light .ButtonLft {background-image: url(img/left_gray.png);}
.RalodePlayer.rl-light .ButtonLft:hover {background-image: url(img/left_gray_hov.png);}
.RalodePlayer.rl-light .ButtonRgh {background-image: url(img/right_gray.png);}
.RalodePlayer.rl-light .ButtonRgh:hover {background-image: url(img/right_gray_hov.png);}
.RalodePlayer.rl-light .RlItem {color:#101010;}
.RalodePlayer.rl-light .serie-active {background-color: #d4d4d4;}

/* Синий шаблон (надстройка) */
.RalodePlayer.rl-blue {background-color:transparent; padding:0;}
.RalodePlayer.rl-blue .ButtonLft {background-image: url(img/left_blue.png);}
.RalodePlayer.rl-blue .ButtonLft:hover {background-image: url(img/left_blue_hov.png);}
.RalodePlayer.rl-blue .ButtonRgh {background-image: url(img/right_blue.png);}
.RalodePlayer.rl-blue .ButtonRgh:hover {background-image: url(img/right_blue_hov.png);}
.RalodePlayer.rl-blue .RlItem {color:#101010; background-color: #f2f5f6;}
.RalodePlayer.rl-blue .serie-active {background-color: #bbcee0;}

/* Красный шаблон (надстройка) */
.RalodePlayer.rl-red {background-color:transparent; padding:0;}
.RalodePlayer.rl-red .ButtonLft {background-image: url(img/left_red.png);}
.RalodePlayer.rl-red .ButtonLft:hover {background-image: url(img/left_red_hov.png);}
.RalodePlayer.rl-red .ButtonRgh {background-image: url(img/right_red.png);}
.RalodePlayer.rl-red .ButtonRgh:hover {background-image: url(img/right_red_hov.png);}
.RalodePlayer.rl-red .RlItem {color:#101010; background-color: #ffe8d8;}
.RalodePlayer.rl-red .serie-active {background-color: #e6bdb3;}

/* Зеленый шаблон (надстройка) */
.RalodePlayer.rl-green {
background-color:transparent;
padding:0;
}
.RalodePlayer.rl-green .ButtonLft {
/*background-image: url(img/left_green.png);*/
height: 50px;
width: 50px;
line-height: 50px;
background-position: center;
background-color: #24242a;
}
.RalodePlayer.rl-green .ButtonLft:hover {
/*background-image: url(img/left_red_green.png);*/
}
.RalodePlayer.rl-green .ButtonRgh {
/*background-image: url(img/right_green.png);*/
height: 50px;
width: 50px;
line-height: 50px;
background-position: center;
background-color: #24242a;
}
.RalodePlayer.rl-green .ButtonRgh:hover {
/*background-image: url(img/right_green_hov.png);*/
}

.RalodePlayer.rl-green .ButtonRgh:hover, .RalodePlayer.rl-green .ButtonLft:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    background-image: -ms-linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    background-image: linear-gradient(90deg, #ff55a5 0%, #ff5860 100%);
    -webkit-box-shadow: 0 0 20px 0 rgba(255,88,96,0.5);
    box-shadow: 0 0 20px 0 rgba(255,88,96,0.5);
}