/* Start:/bitrix/templates/active_default/components/bitrix/news.list/videoYouTube/style.css?16058619022367*/

.videoFr_box {
  overflow: hidden;
  position: relative;
}
.videoFr_box__list{
  list-style:none;
  padding:0 0 4px;
  margin:0;
  overflow-x: auto;
  overflow-y: hidden;
  line-height:0;
  font-size:0;
  white-space:nowrap;
}
.videoFr_box__item {
  display: inline-block;
  width: 120px;
  box-sizing:border-box;
  border: 2px solid #f3f3f3;  
  background: #f3f3f3;
  user-select: none;
  margin:0;
}
.videoFr_box__item:hover,
.videoFr_box__item:focus{
  background: #ddd;
  border-color: #ddd;
  cursor: pointer;
}
.videoFr_box__item_active,
.videoFr_box__item.videoFr_box__item_active,
.videoFr_box__item_active:hover,
.videoFr_box__item_active:focus {
  border-bottom-color: #D3508A;
}
/*.videoFr_box__item_active .videoFr_box__text{
  color: #fff;
  text-decoration: underline;
}*/
.videoFr_box__item+.videoFr_box__item{
  margin-left:4px;
}
.videoFr_box__img {
  position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
  background-repeat:no-repeat;
  background-position: 50%;
  background-size: auto 100%;
}
.videoFr_box__text {
  font-size: 10px;
  line-height: 1.1;
  overflow: hidden;
  white-space:normal;
  padding: 2px;
  height: 33px;
}
.videoFr_box__video{
  box-sizing: border-box;  
  position: relative;
}
.videoFr_box__container{
  position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.videoFr_box__iframe{
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoFr_title{
  font-size: 12px;
  font-weight: 700;
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .videoFr_box__list{
    position: absolute;
    right:0;
    top:0;
    width: 30%;
    height: 100%;
    padding:0;
    margin:0;
    overflow-x: hidden;
    overflow-y: auto;
    white-space:normal;
  }
  .videoFr_box__item {
    display: block;
    width: auto;
  }
  .videoFr_box__item+.videoFr_box__item{
    margin-left:0;
    margin-top: 4px;
  }
  .videoFr_box__text {
    font-size: 13px;
    line-height: 18px;
    padding: 4px;
    height: auto;
  }
  .videoFr_box__video{
    width: 70%;
  }
  .videoFr_title{
    font-size: 14px;
    margin-top: 4px;
  }
}
@media screen and (min-width: 1024px) {

}


.videoFr {
  position: relative;
	padding-bottom: 46.25%; /*56.25*/
	height: 0;
	overflow: hidden;
}

.videoFr iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* End */
/* /bitrix/templates/active_default/components/bitrix/news.list/videoYouTube/style.css?16058619022367 */