body{background-color:#f7f5f9}.video-list-header{background-color:#42b587;background-image:linear-gradient(to right,red,#c00);color:#fff;text-align:center;padding:50px}.video-list-header>.header{font-size:50px;line-height:50px;text-transform:uppercase;font-weight:bold;font-family:'Roboto Condensed',sans-serif}.video-list-header>.note{font-size:20px;font-family:'Roboto',sans-serif}.video-list{padding:10px;max-width:1000px;margin-left:auto;margin-right:auto}.video-list>.item{width:33.33%;position:relative;float:left;padding:10px}.video-list>.item>.item-context{width:100%;cursor:pointer}.video-list>.item>.item-context>.image{background-position:center;background-size:cover;background-repeat:no-repeat;height:150px;width:100%;padding-top:55px;position:relative}.video-list>.item>.item-context>.image>.layer{height:0;width:100%;background-color:rgba(0,0,0,.2);position:absolute;top:0;transition:all 500ms}.video-list>.item>.item-context>.image:hover .layer{height:100%;transition:all 500ms}.video-list>.item>.item-context>.image>.btn-play{height:40px;width:40px;border-radius:50%;padding:6px 15px;color:#fff;background-color:rgba(0,0,0,.5);margin-left:auto;margin-right:auto;font-size:20px;position:relative;z-index:1}.video-list>.item>.item-context:hover .btn-play{background-color:rgba(255,0,0,.7)}.video-list>.item>.item-context>.image>.btn-click{padding:6px 10px;display:none}.video-list>.item>.item-context>.image:hover .btn-click{display:block;background-color:rgba(161,161,161,.7)}.video-list>.item>.item-context>.item-title{font-size:14px;height:45px;overflow:hidden;clear:both;padding-top:5px;overflow-wrap:break-word;font-family:'Roboto',sans-serif}.video-list>.item>.item-context:hover .item-title{color:#1695d5}@media(max-width:1200px){.video-list{padding:30px 0}}@media(max-width:991px){.video-list{padding:0;display:unset}}@media(max-width:767px){.video-list-header{padding:30px}.video-list-header>.header{font-size:40px;line-height:40px}.video-list-header>.note{font-size:18px}.video-list>.item{padding:5px}.video-list>.item>.item-context{padding:5px}.video-list>.item-context>.details{height:80px}.video-list>.item-context>.details>.product-name{font-size:13px}.video-list>.item-context>.price{font-size:18px;padding:5px 0}}@media(max-width:600px){.video-list-header{padding:30px 15px}.video-list-header>.header{font-size:30px;line-height:30px}.video-list-header>.note{font-size:16px}.video-list>.item{padding:2px;width:50%}}@media(max-width:500px){.video-list-header{padding:20px 15px}.video-list-header>.header{font-size:20px;line-height:20px}.video-list-header>.note{font-size:13px}}@media(max-width:400px){}.btn-next-pre{background-color:transparent;color:#fff;height:100%;width:50%;border:none;outline:none;position:absolute;font-size:20px}.btn-next{top:0;right:0;text-align:right}.btn-pre{top:0;left:0;text-align:left}.btn-next:hover{background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.5))}.btn-pre:hover{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0),rgba(0,0,0,0))}