/* vod-list */
 .stui-vodlist__thumb{display: block; position: relative; padding-top: 150%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover; }
 .stui-vodlist__thumb.square{ padding-top: 100%; background: url(../img/load_f.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
 .stui-vodlist__thumb.active{ padding-top: 60%; background: url(../img/load_w.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
 .stui-vodlist__thumb.picture {background: none; overflow: hidden;}
 .stui-vodlist__thumb.picture img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 .stui-vodlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
 .stui-vodlist__thumb .play.active{ display: block;}
 .stui-vodlist__thumb:hover .play{ display: block;}
 .stui-vodlist__detail.active{ padding: 0 10px 10px;}
 .stui-vodlist__detail .title{ font-size: 14px; margin-bottom: 0;}
 .stui-vodlist__detail .title.active{ font-size: 16px; margin-bottom: 10px;}
 .stui-vodlist__detail .text{ min-height: 19px; font-size: 12px; margin-bottom: 0; margin-top: 5px;}
 .stui-vodlist__detail .text-title{ font-size: 14px; line-height: 18px; margin:11px 0 0; height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
 .stui-vodlist li {
   padding: 20px;
 }
 
 .stui-vodlist {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 
 
 ul, li {
   list-style: none;
 }