.sideBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;border-top:2px solid rgba(0,0,0,.9);background-color:rgba(243,244,246,.9)}#btnHome:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}#btnPlayVideo:hover,#btnStopVideo:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#btnFullscreen:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}#videoPlayer{width:856px;margin:0 auto;background-color:#fff;border:2px solid rgba(0,0,0,.9);z-index:10}#timeTrack{width:540px}#timeLabel,#timeTrack{margin:auto;height:28px;line-height:28px}#timeLabel{padding-top:0;font-size:14px;width:200px}.loadEffect{width:120px;height:120px;position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;z-index:999}.loadEffect span{display:inline-block;width:20px;height:20px;border-radius:50%;background:#90ee90;position:absolute;-webkit-animation:load 1.04s ease infinite;animation:load 1.04s ease infinite}@-webkit-keyframes load{0%{opacity:1}to{opacity:.2}}@keyframes load{0%{opacity:1}to{opacity:.2}}.loadEffect span:first-child{left:0;top:50%;margin-top:-8px;-webkit-animation-delay:.13s;animation-delay:.13s}.loadEffect span:nth-child(2){left:14px;top:14px;-webkit-animation-delay:.26s;animation-delay:.26s}.loadEffect span:nth-child(3){left:50%;top:0;margin-left:-8px;-webkit-animation-delay:.39s;animation-delay:.39s}.loadEffect span:nth-child(4){top:14px;right:14px;-webkit-animation-delay:.52s;animation-delay:.52s}.loadEffect span:nth-child(5){right:0;top:50%;margin-top:-8px;-webkit-animation-delay:.65s;animation-delay:.65s}.loadEffect span:nth-child(6){right:14px;bottom:14px;-webkit-animation-delay:.78s;animation-delay:.78s}.loadEffect span:nth-child(7){bottom:0;left:50%;margin-left:-8px;-webkit-animation-delay:.91s;animation-delay:.91s}.loadEffect span:nth-child(8){bottom:14px;left:14px;-webkit-animation-delay:1.04s;animation-delay:1.04s}#playCanvas,.canvasDiv{width:852px;height:480px}.no-padding{margin-top:0;padding-right:0;padding-top:0;vertical-align:middle}.no-padding,.track-padding{padding-left:0;height:28px;display:inline-block}.track-padding{width:50px}.btn-img-28{width:28px}#footer{height:40px;line-height:40px;position:fixed;bottom:0;width:100%;text-align:center;background:#f3f4f6;color:#000;font-family:Arial;font-size:14px;letter-spacing:1px}#input{float:right;margin-right:10px;margin-top:3px;font-size:14px}#playCanvas,#videoPlayer,.canvasDiv{width:auto;height:auto}