/* видео слайдер */
.video_slider_container { display: flex; position: relative ;  flex-direction: column;  ; /* border: #c2c2c2  thin solid ;*/ height: 215px; width: 960px; user-select: none ; overflow: hidden;   }
.video_slider_header {/* background-color: rgb(0, 152, 70) ; color: #FFFFFF ; */ padding: 7px 7px 18px 0px;  min-height: 20px; }
.video_slider_all_preview_container {height: 180px;}
.video_slider_all_preview_container {display: flex; overflow: hidden ;  flex-direction: row ; flex-grow: 1;  align-items: stretch; justify-content: stretch; cursor: pointer ;   }
.video_slider_preview_container { position: relative;  flex-basis: 33.3% ; display: flex; justify-content: center; align-items: stretch;   }
.video_slider_preview_image_box { min-width: 320px; background-size: cover ; flex-grow: 1 ;   }

.video_slider_preview_play_button { background-image: url("../images/buttons/play_video_big_mini.png") ; background-position: center; background-repeat: no-repeat; opacity: 0.85; width: 100%; height: 100%;   ;  }

.video_slider_preview_rutube_play_button { background-image: url("../images/buttons/play_video_rutube_mini.png") ; background-position: center; background-repeat: no-repeat; opacity: 0.85; width: 100%; height: 100%;   ;  }




.video_slider_preview_short_name { position: absolute; bottom: 0; left: 0; width: calc(100% - 22px);   color: #FFFFFF; font-family: "DIN Pro Light" ; font-size: 20px; height: 38px;   padding: 3px 11px 3px 11px;  background-color: rgba(41,41,41,0.7) ; filter: none !important; }


/*.video_slider_preview_container:hover .video_slider_preview_image_box {transition: all 0.3s ease;  filter:blur(2px);}*/

.video_slider_preview_container:hover .video_slider_preview_image_box .video_slider_preview_play_button {transition: all 0.3s ease; opacity: 1; transform: scale(1.1);}

.video_slider_preview_container:hover {
transform: scale(1.02);
    transition: all 0.3s ease;
}

.video_slider_right_button {position: absolute ;height:180px; width: 40px; background-position: center; background-repeat: no-repeat; opacity: 0.4; cursor: pointer;  background-size: contain ; background-image: url("../images/buttons/fs_arrow_right.svg"); bottom: 0; right: 0 ;}

.video_slider_left_button {position: absolute ;height:180px; width: 40px; background-position: center; background-repeat: no-repeat; opacity: 0.4; cursor: pointer;  background-size: contain ; background-image: url("../images/buttons/fs_arrow_right.svg"); bottom: 0; left: 0 ; transform: scale(-1, 1)}
 .video_slider_right_button:hover { transition: all 0.3s ease; transform: scale(1.1); opacity:0.7 ; }
.video_slider_left_button:hover { transition: all 0.3s ease; transform: scale(-1.1, 1.1); opacity:0.7 ;}

/*.video_slider_tridot {position: absolute; right: 40px; top: 0px; cursor: pointer ;  }
.video_slider_tridot svg { width:30px; height: 40px;  fill: #FFFFFF;opacity: 0.5; }
.video_slider_tridot:hover svg { transition: all 0.3s ease; transform: scale(1.2) ;  fill: #FFFFFF;opacity: 0.7; }*/

.video_slider_tridot {position: absolute; right: 40px; top: 0px; cursor: pointer ;  }
.video_slider_tridot svg { width:30px; height: 40px;  fill: #b2dc00;opacity: 0.9;

}
.video_slider_tridot:hover svg { transition: all 0.3s ease; transform: scale(1.2) ;  fill: #FFFFFF;opacity: 0.98; }

/* видео во весь экран */
.video_slider_video_fs_container {   margin: auto ; padding: 40px; background-color: #FFFFFF ; border-radius: 10px; display: flex ; flex-direction: column ; align-items: center;   }
.video_slider_video_fs_container [data-type="header"] { font-size: 20px; margin: 20px 0px 20px 0px; width: 800px;  }
.video_slider_fs_container [data-type="close_x"] { width: 30px; height: 30px; position: absolute; top: 10px; right:10px;  fill: #FFFFFF;   opacity: 0.8;  cursor: pointer;    }
.video_slider_fs_container [data-type="close_x"]:hover {transform: scale(1.2) ; transition: all 0.3s ease;  }
.video_slider_fs_container [data-type="close_x"] svg {width: 30px; height: 30px;  }


.video_slider_fs_container {

    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 19, 0.87);
    display: flex;
    z-index: 12000;
    position: fixed;
    align-items: stretch;

}

/* добавление или редактирование видео*/
.video_slider_admin_video_container { display: flex; flex-direction: column ;  margin: auto; background-color: #FFFFFF; border-radius: 10px; padding: 20px; user-select: none ; font-size: 20px;   }

.video_slider_admin_video_container input, .video_slider_admin_video_container textarea { width: 400px; font-size: 20px; }

.video_slider_admin_video_header  { text-align: center; font-size: 26px } /* Загаловок при администрировании */

/* табликца  ввода параметров */
.video_slider_admin_table_container { display: flex; flex-direction: column ; margin: 30px 0px 0px 0px; }  /* таблица */
.video_slider_admin_table_container div { display: flex; flex-direction: row ; justify-content: space-between ;  }   /* строка */
.video_slider_admin_table_container div div { padding: 8px;   }  /* ячейки */

.video_slider_admin_buttons_container { display: flex;  justify-content: center; margin: 30px 0px 0px 0px;  } /* контейнер с кнопками */
.video_slider_admin_buttons_container div { margin: 10px; } /* контейнер с кнопками */