.container[data-v-bb986222]{border-radius:5px;margin:0 5px 0 5px;background-color:#000;background-size:cover;cursor:pointer;background-position:0 100%}.overlay[data-v-bb986222]{width:100%;height:100%;bottom:0;background:rgba(35,48,68,.9);color:#fef5df;opacity:0;transition:all .5s;padding:10px}.play[data-v-bb986222]{display:flex;justify-content:space-between}.head[data-v-bb986222]{transform:translateY(40px);transition:all .7s;padding:10px}.head hr[data-v-bb986222]{display:block;margin-top:5px;width:0;border:none;border-bottom:2px solid #fef5df;transition:all .5s}.desc[data-v-bb986222]{opacity:0;transform:translateY(40px);transition:all .7s;height:80px;color:#fff;margin-top:40px}.container:hover .overlay[data-v-bb986222]{border-radius:5px;opacity:1}.container:hover .overlay .head[data-v-bb986222]{transform:translateY(0)}.container:hover .overlay hr[data-v-bb986222]{width:100%;transition-delay:.4s}.container:hover .overlay .desc[data-v-bb986222]{transform:translateY(0);transition-delay:.3s;opacity:1}.container:hover .overlay .play[data-v-bb986222]{transform:translateY(0);transition-delay:.6s;opacity:1}button[name=play][data-v-bb986222]{width:50px;height:50px;background:#000;border:1px solid #fff;border-radius:100%;margin:0;cursor:pointer;outline:none;transition:.5s}button[name=play][data-v-bb986222]:hover{background:#00a0d6;transition:.5s}button[name=play][data-v-bb986222]:after{content:"";display:inline-block;position:relative;top:1px;left:3px;border-style:solid;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #fff}