.player-container{display:table;overflow:hidden}.player{display:table-cell;vertical-align:top;width:640px}.playlist{display:table-cell;vertical-align:top;padding-left:20px}.player-wrapper{position:relative;width:100%}#ytplayer{width:660px;height:495px}.videolist{overflow-y:scroll;list-style-type:none;padding-right:5px;width:320px;height:495px}.videolist li{position:relative;z-index:1;cursor:pointer;overflow:hidden;padding:10px 12px;border:#ddd 2px solid;display:table;width:300px}.videolist li:not(:first-child){margin-top:-2px}.videolist li:hover .title{color:#333}.videolist .thumb{width:30%;display:table-cell;vertical-align:middle}.videolist .thumb img{width:100%}.videolist .title{position:relative;width:70%;display:table-cell;vertical-align:middle;font-size:16px;padding:0 25px 0 10px;color:#999;text-decoration:underline}.videolist .title:after{content:'';display:inline-block;position:absolute;top:50%;right:10px;margin-top:-6px;vertical-align:middle;height:15px;width:13px;background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/common/com_bdnext_pk_ic01.png) no-repeat;background-size:contain}.videolist .thumb img{max-width:100%;line-height:0;vertical-align:top}.videolist .is-playing{border:#c06 2px solid;z-index:10}.videolist .is-playing .title{color:#333;text-decoration:none}.request-btn{position:relative;background:#c06;color:#fff;font-size:20px;width:100%;max-width:300px;padding:17px 20px;display:block}.request-btn:hover{opacity:.7}.request-btn:before{position:relative;top:-4px;margin-right:20px;content:'';position:relative;display:inline-block;vertical-align:middle;background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/bugyo-j/jseries/quick/movie/request_wh_ic.png) no-repeat;width:30px;height:32px}.request-btn:after{content:'';display:inline-block;position:absolute;top:50%;right:20px;margin-top:-6px;vertical-align:middle;height:15px;width:13px;background:url(//cdn2.hubspot.net/hubfs/2684654/obc/assets/images/common/com_bdnext_wh_ic01.svg) no-repeat;background-size:contain}@media screen and (max-width:768px){.player-container{display:block}.player{display:block;width:100%}.playlist{display:block;width:100%;padding-left:0}.player-wrapper{padding:75% 0 0 0}#ytplayer{width:100%;position:absolute;top:0;left:0;width:100%;height:100%}.videolist{margin:5px 0;padding-right:0;width:100%;height:auto;padding-top:2px}.videolist li{float:left;width:49%;margin-bottom:10px}.videolist li:not(:first-child){margin-top:0}.videolist li:nth-child(odd){margin-right:2%;margin-top:0}.request-btn{margin:17px auto 15px;font-size:14px}.request-btn:before{width:25px;height:27px;background-size:contain}.request-btn:after{height:11px;width:10px}}@media screen and (max-width:600px){.videolist li{width:100%;float:none;margin-bottom:10px}.videolist li:nth-child(odd){margin-right:0}.videolist .thumb{width:20%}.videolist .title{width:80%;font-size:14px}.request-btn{max-width:240px}}