.show-demo-grid .item{position:relative;cursor:pointer;overflow:hidden;border-radius:6px;background:#111;transition:transform .25s ease,box-shadow .25s ease}.show-demo-grid .item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.25)}.u-video-thumb-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#000}.u-video-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.show-demo-grid .smallPlayBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(0,0,0,.55);border-radius:50%;color:#fff;opacity:0;transition:opacity .25s ease,background .25s ease;pointer-events:none;z-index:2}.show-demo-grid .item:hover .smallPlayBtn{opacity:1}.show-demo-grid .item:hover .smallPlayBtn:hover{background:rgba(0,0,0,.8)}.show-demo-play-icon{display:block;width:24px;height:24px;margin-left:3px}.show-demo-grid .info{padding:.75rem 1rem;background:#111;color:#fff}.show-demo-grid .info-title{font-weight:600;font-size:.95rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-demo-grid .info p{margin:.25rem 0 0;font-size:.82rem;color:#aaa;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.show-demo-error{padding:1rem;background:#fee;color:#900;border:1px solid #fcc;border-radius:4px;font-size:.9rem}