#video-layout{position:relative;margin:auto;height:100%;width:100%}@media (min-width:1024px){#video-layout{width:970px!important}}#wrap-video-page{position:relative}#video-page,#wrap-video-page{display:inline-block;width:100%;height:auto}#video-page-container{position:relative;display:flex;flex-direction:column;margin:auto;max-width:1100px;height:auto}#video-page-container>p{width:100%;margin-top:15px;margin-bottom:20px;text-align:center;font-weight:700;color:rgb(125,125,125);opacity:.5}.item-video{position:relative;border-radius:5px;overflow:hidden;cursor:pointer;background-color:rgba(137,137,137,.835)}.item-video div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.item-video img{width:100%;height:100%;object-fit:cover}.item-video span{position:absolute;z-index:1;background-color:var(--fadeground);top:10px;left:10px;display:flex;justify-content:center;align-items:center;padding:3px 8px;font-size:.8em;border-radius:5px}.item-video span svg{width:15px;height:15px;margin-right:5px}.item-video span svg path{fill:var(--colortext);stroke:var(--colortext)}@media (max-width:479px){.item-video{height:145px}}@media (max-width:580px){.item-video span{font-size:.7em;left:5px;top:5px}}@media (min-width:480px) and (max-width:767px){.item-video{height:180px}}@media (min-width:768px) and (max-width:1023px){.item-video{height:190px}}@media (min-width:1024px) and (max-width:1279px){.item-video{height:230px}}@media (min-width:1280px){.item-video{height:290px}}