/* ck-video */ .ck-video-container { position: relative; } .ck-video-container .ck-video { height: 100%; } .ck-video-list { position: absolute; top: 0; bottom: 0; right: 0; z-index: 99999; width: 18em; } .ck-video-list.slide-hide { right: -18em; } .ck-video-list-rel { position: relative; height: 100%; } .ck-video-list-container { position: absolute; top:0; left: 0; bottom: 0; right: 0; z-index: 2; background-color: none; } .ck-video-list-container li a{ display: block; padding: 4px 0; color: #eceaea; } .ck-video-list-container li a.active-this { color: #3547ee; background-color: #b6b4b4; } .ck-video-list-container li a .fa { margin-left: 8px; margin-right: 8px; } .ck-video-bg { position: absolute; top:0; left: 0; bottom: 0; right: 0; z-index: 1; background-color: #000000; opacity: .3; } .ck-video-slide { position: absolute; top: 50%; margin-top: -15px; font-size: 18px; color: #FFFFFF; padding: 6px 4px; z-index: 3; } .ck-video-list.slide-hide .ck-video-slide { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); left: -18px; }