@charset "UTF-8";.RYPP{width:100%;position:relative;padding-right:250px;background:#1a1a1a;overflow:hidden;}
.RYPP .RYPP-video{width:100%;padding-top:56.25%;float:left;position:relative;}
.RYPP .RYPP-video > iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.RYPP.r16-9 .RYPP-video{padding-top:56.25%;}
.RYPP.r4-3 .RYPP-video{padding-top:75%;}
.RYPP.r2-1 .RYPP-video{padding-top:50%;}
.RYPP .RYPP-items{width:100%;position:absolute;left:0;top:64px;right:0;bottom:0;overflow-y:auto;}
.RYPP .RYPP-playlist{width:250px;position:absolute;right:0;top:0;bottom:0;background:#222;}
.RYPP .RYPP-playlist a{color:#999;}
.RYPP .RYPP-playlist a:hover{color:#fff;}
.RYPP .RYPP-playlist > header{width:100%;height:64px;padding:16px 0 0 8px;background:#222;border-left:8px solid #222;border-right:8px solid #222;border-bottom:1px solid #3a3a3a;z-index:2;}
.RYPP .RYPP-playlist > header ._h1{margin:0 0 4px 0;padding:0;font-size:16px;font-weight:400;color:#fff;}
.RYPP .RYPP-playlist > header p{margin:0;padding:0;color:#fff;}
.RYPP .RYPP-playlist ol{padding:0 0 16px 0;margin:0;list-style:none;counter-reset:item;}
.RYPP .RYPP-playlist ol li{position:relative;vertical-align:middle;overflow:hidden;padding:12px 0 12px 12px;border-left:4px solid transparent;}
.RYPP .RYPP-playlist ol li > img{width:20%;display:inline-block;vertical-align:middle;height:40px;}
.RYPP .RYPP-playlist ol li > p{width:76%;margin:0;padding:0 16px 0 0;float:right;display:inline-block;vertical-align:middle;text-align:left;color:#cacaca;font-size:14px;font-family:'Ubuntu', sans-serif;}
.RYPP .RYPP-playlist ol li > p > small{margin:0;padding:0;font-size:80%;color:#f60d2b;font-weight:800;}
.RYPP .RYPP-playlist ol li:hover{background-color:#3a3a3a;cursor:pointer;}
.RYPP .RYPP-playlist ol li.selected{background-color:#3a3a3a;cursor:pointer;border-left:4px solid #f60d2b;}
.RYPP .RYPP-playlist ol li.selected > p{color:#fff;}
.RYPP-items::-webkit-scrollbar{width:6px;background:#3a3a3a;}
.RYPP-items::-webkit-scrollbar-thumb{background:#999;}
@media only screen and (max-width:639px){.RYPP{padding-right:0;}
.RYPP .RYPP-playlist{width:100%;position:static;float:left;}
.RYPP .RYPP-playlist .RYPP-items{position:static;max-height:350px;overflow:auto;}
}
@media (min-width:768px){.RYPP{padding-right:0;}
.RYPP .RYPP-playlist{width:100%;position:static;float:left;}
.RYPP .RYPP-playlist .RYPP-items{position:static;max-height:350px;overflow:auto;}
}