.gutter-example[data-v-1cbe42cb] .ant-row>div{background:transparent;border:0}[data-v-1cbe42cb] .ant-col{height:calc(100% - 24px)}.gutter-box[data-v-1cbe42cb]{background:#00a0e9;padding:5px 0}.video-list[data-v-1cbe42cb]{height:100%}.video-list .name[data-v-1cbe42cb]{position:absolute;z-index:9;color:#fff;padding:.6em;font-size:.9em;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:rgba(0,0,0,.4);margin:0}.video-list .gutter-row h4[data-v-1cbe42cb]{font-size:18px;margin-top:5px;height:50px}.video-list .gutter-row .body[data-v-1cbe42cb]{padding:10px;background:#fafafa;border-radius:0 0 8px 8px;-webkit-box-shadow:0 2px 7px rgba(213,212,212,.67);box-shadow:0 2px 7px rgba(213,212,212,.67)}.video-list .gutter-row .body h4[data-v-1cbe42cb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;margin:0 -10px 10px -10px;border-bottom:1px solid #eaebed;padding:0 10px 10px 10px}.video-list .gutter-row .body h4 span[data-v-1cbe42cb]{color:#5c636c;font-size:14px}.video-list .gutter-row .body p[data-v-1cbe42cb]{color:#5c636c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-list .img[data-v-1cbe42cb]{width:100%;min-height:224px}.video-list .img img[data-v-1cbe42cb]{width:100%}.video-list[data-v-1cbe42cb] .ant-col-6{margin-bottom:20px}.video-list[data-v-1cbe42cb] .video-player{border-radius:0;overflow:hidden;background-color:#fff;width:100%;height:100%}.video-list[data-v-1cbe42cb] .vjs-custom-skin>.video-js{width:100%;height:100%}.video-list[data-v-1cbe42cb] .video-js .vjs-tech{-o-object-fit:contain;object-fit:contain}.video-list[data-v-1cbe42cb] .vjs-custom-skin>.video-js .vjs-big-play-button{height:50px!important;width:50px!important;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%!important;line-height:50px!important;margin:0!important}.video-list[data-v-1cbe42cb] .vjs-custom-skin>.video-js .vjs-control{width:2em}.video-list[data-v-1cbe42cb] .video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:0;-ms-flex:none;flex:none;padding-left:1em;padding-right:1em;padding-bottom:1em}.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:7em;-webkit-transition:width .1s;transition:width .1s}.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-list[data-v-1cbe42cb] .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}