/* 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;
|
}
|