.countdown{position:absolute;top:0;z-index:9999;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);}.countdown .countdown-wrapper{position:relative;margin:64px auto;height:96px;width:96px;text-align:center;}.countdown .countdown-wrapper .countdown-number{color:#fff;display:inline-block;font-family:hm;font-size:48px;line-height:96px;}.countdown .countdown-wrapper svg{position:absolute;top:0;left:0;width:96px;height:96px;transform:rotateY(-180deg) rotateZ(-90deg);}.countdown .countdown-wrapper svg circle{stroke-dasharray:279px;stroke-dashoffset:0;stroke-linecap:round;stroke-width:4px;stroke:white;fill:none;animation:countdown 4s linear forwards;}.countdown .countdown-next{position:relative;margin:64px auto;width:360px;}.countdown .countdown-next .cover{position:relative;display:inline-block;width:100px;}.countdown .countdown-next .cover img{width:100%;}.countdown .countdown-next .text{position:relative;display:inline-block;width:calc(100% - 100px);padding-left:20px;}.countdown .countdown-next .text strong{font-size:1rem;font-family:hb;padding:0 8px;height:20px;line-height:20px;display:inline-block;color:#fff;background:#606060;border-radius:2px;}.countdown .countdown-next .text h3{font-size:1.6rem;line-height:2rem;font-family:hb;color:#fff;}@keyframes countdown{from{stroke-dashoffset:0;}to{stroke-dashoffset:279px;}}.test-container{width:640px;height:362px;}.player-container{width:100%;margin:0 auto;background:#000;position:relative;font-family:'hr';}.player-container figure{margin:0;padding:0;}.player-container .black_patt{background:rgba(0,0,0,.7);width:100%;height:100%;position:absolute;z-index:1;}.player-container .seconds-counter{position:absolute;left:0;right:0;width:100%;margin:0 auto;color:#fff;z-index:2;top:50%;margin-top:-183px;}.player-container .seconds-counter h1{text-align:center;font-size:18pt;font-family:'hb';margin:20px 0 10px 0;}.player-container .seconds-counter #counter{width:100px;height:100px;text-align:center;margin:26px auto 0 auto;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;position:relative;}.player-container .seconds-counter #counter #count{position:absolute;width:100px;z-index:2;left:0;top:0;font-size:36pt;line-height:100px;}.player-container .seconds-counter #counter .over{position:absolute;left:0;top:0;}.player-container .seconds-counter figure{width:125px;margin:27px 25px 0 15px;display:inline-block;vertical-align:top;height:122px;}.player-container .seconds-counter figure a{color:#fff;text-decoration:none;position:relative;display:block;text-align:left;}.player-container .seconds-counter figure a img{border:solid #fff 2px;width:100%;height:auto;}.player-container .seconds-counter figure a figcaption{margin-top:3px;font-size:12px;line-height:1.2em;font-family:hm;}.player-container .seconds-counter figure:hover{-webkit-transition:.3s box-shadow;-moz-transition:.3s box-shadow;transition:.3s box-shadow;-webkit-box-shadow:0 21px 86px 0 rgba(0,0,0,.75);-moz-box-shadow:0 21px 86px 0 rgba(0,0,0,.75);box-shadow:0 21px 86px 0 rgba(0,0,0,.75);}.player-container .seconds-counter figure .media-icon{left:50%;margin-left:-19px;top:19px;font-size:14px;}.player-container .screenshot_img{width:100%;height:auto;}.player-container .toolbar{width:100%;height:41px;position:absolute;bottom:0;z-index:99;background:rgba(0,0,0,.5);padding:10px 10px;box-sizing:border-box;}.player-container .toolbar i{height:20px;width:6%;min-width:20px;display:inline-block;cursor:pointer;}.player-container .toolbar span{display:inline-block;font-family:hb;color:#fff;font-size:12px;vertical-align:top;line-height:24px;width:8%;min-width:20px;text-align:center;}.player-container .toolbar i.player-replay-icon{background:url("/assetsNew/img/replay-icon.svg") center no-repeat;}.player-container .toolbar i.player-fullscreen-icon{background:url("/assetsNew/img/fullscreen-icon.svg") center no-repeat;margin-left:18px;}.player-container .toolbar .timeline{background:#cc181e;width:69%;display:inline-block;height:8px;vertical-align:top;margin-top:8px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.player-container .media-icon{left:50%;margin-left:-28px;top:21px;font-size:38px;}.player-container svg{transform:scale(.8);-webkit-transform:scale(.8);transform:rotate(90deg);-webkit-transform:rotate(90deg);}.player-container svg>span{position:absolute;top:0;right:0;}.player-container path,.player-container line,.player-container polyline{stroke:#fff;}.player-container path{fill:black;}