/*стили для фото и видео топиков*/

/*див для фото видео*/
.div_seredina {
    max-width: 600px;
    margin: auto;
    padding: 0 10px;

    color: #5a5a5a;
}
/*для изображения*/
.div_seredina img {
    border-radius: 8px;
}
/*стили тегов*/
.div_seredina a.tegs {
    font-weight: bold;

    display: inline-block;

    margin: 3px 3px;
    padding: 8px 20px;

    cursor: pointer;
    user-select: none;
    text-decoration: none;

    color: #fff;
    border-radius: 10px;
    background: #267933;
    box-shadow: 0 0 2px 0 rgb(14 14 12), 0 0 5px 0 rgb(0 0 0 / 14%), inset 15px 20px 20px 2px rgba(0, 0, 0, .5);
}
.div_seredina a.tegs:hover {
    background: #26be3e;
}
/*кнопка Лайка*/
.div_seredina .labelLike {
    display: inline-block;
    float: right;

    padding: 1px 3px;

    cursor: pointer;
    user-select: none;

    border-radius: 3px;
    outline: 1px solid #fff;
    background: #ebebeb;
    box-shadow: 0 0 2px 0 rgb(0 0 0);
}
.div_seredina .labelLike:hover {
    background: #fbfbfb;
}
/*стиль для картинки серечка*/
.div_seredina .labelLike img.like {
    width: 26px;
    height: 26px;
    margin-left: 6px;

    transition: filter .3s ease-in-out;
    /*фильтр на картинку: превратить в серую*/
    filter: grayscale(100%);
}
/*если чекбокс активно*/
.div_seredina .check[type='checkbox']:checked + .labelLike img.like {
    display: inline-block;
    /*убрать фильтр с картинки*/
    filter: none;
}
/*количество лайков*/
.div_seredina .labelLike .text {
    font-family: Arial, sans-serif;
    font-weight: bolder;

    position: relative;
    top: -5px;

    margin-right: 4px;
    padding: 0 4px;

    color: #313131;
}
/*ссылка на оригинальный файл*/
.div_seredina a.original {
    font-weight: bold;

    float: right;

    padding: 5px 10px;

    cursor: pointer;
    user-select: none;
    text-decoration: none;

    color: #fff;
    border: 2px solid #4e6c9e;
    border-radius: 3px 20px 20px 3px;
    background: #1490c8;
}
.div_seredina a.original:hover {
    box-shadow: 0 0 3px 0 rgb(0 0 0);
}
/*стили к div*/
.div_seredina .imgPlayer {
    position: relative;
}
/*стили к div ДО*/
.div_seredina .imgPlayer::before {
    position: absolute;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(/icons/videoplay.png);
    background-size: cover;
}
/*стили к div ПОСЛЕ*/
.div_seredina .imgPlayer::after {
    position: absolute;
    right: 3%;
    bottom: 4%;

    padding: 5px 10px;
    /*content: '02:55';*/

    color: #fff;
    border-radius: 10px;
    background: #2a313c9e;
}
/*по умолчанию тег видео скрыть*/
.div_seredina #video_div {
    display: none;

    width: 100%;
    max-height: 420px;
}