.ycp{height:500px;font-size:1em;color:#444;box-shadow:0 4px 4px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background:#000;width:100%;font-family:Roboto,Helvetica,Arial,sans-serif;display:block}.ycp,.ycp .belah{padding:0;box-sizing:border-box;margin:0}.ycp .belah{height:100%;vertical-align:top;display:inline-block}.ycp .belah:first-of-type{width:65%}.ycp .belah:last-of-type{width:35%}.ycp .belah .luhur{height:70px;padding:10px;color:#fff;box-sizing:border-box;margin:0;background:#222;width:100%;display:block}.ycp .belah .handap{height:calc(100% - 70px);overflow-y:auto;padding:0;color:#ddd;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;background:#111}.ycp .belah .bingkay,.ycp .belah .handap{box-sizing:border-box;margin:0;width:100%;display:block}.ycp .belah .bingkay{height:100%;border:0}.ycp .belah .luhur span.tombol{margin-right:20px;color:silver}.ycp .belah .luhur span.about{height:20px;padding:2px;text-align:center;border-radius:50%;background:#111;width:20px;float:right}.ycp a{text-decoration:none;outline:0}.ycp a img{border:0}.ycp .belah.ycp_vid_play{cursor:pointer}.ycp .belah.ycp_vid_play a{height:75px;position:relative;text-align:center;top:calc(50% - 35px);border-radius:10%;background:#e52d27;left:calc(50% - 60px);width:120px;display:block}.ycp .belah.ycp_vid_play a:before{font-size:50px;color:#fff;content:"\25B6";z-index:100}.ycp .belah .thumb{height:61px;margin-right:10px;position:relative;float:left}.ycp .belah .thumb span{padding:2px;font-size:.8em;right:2px;color:silver;position:absolute;bottom:-2px;background:#000}.ycp .belah .play{overflow:hidden;*overflow:visible;padding:10px;margin:0;display:block}.ycp .belah .luhur div.title{margin-bottom:5px;color:#fff;border-bottom:1px solid #111;padding-bottom:5px}.ycp .belah .handap div.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ycp .belah span.about a,.ycp .belah span.mute{font-size:.8em;color:#767676}.ycp .belah .thumb img{height:100%;border:2px solid #000;width:80px}.ycp .belah .play:hover,.ycp .belah .vid-active{background:#000}.ycp .belah .luhur .vid-next,.ycp .belah .luhur .vid-prev,.ycp .belah .play{cursor:pointer}@media screen and (max-width:767px){.ycp{height:1000px}.ycp .belah,.ycp .belah:first-of-type,.ycp .belah:last-of-type{width:100%;display:block}.ycp .belah:first-of-type{height:40%}.ycp .belah:last-of-type{height:60%}}