@font-face {
  font-family: "flat-video";
  font-style: normal;
  font-weight: normal;
  src: url(8ac00963cd1792c3fd27aa65b51287d7d8611cf9.eot)  format("embedded-opentype"), url(85d34f9ade16589ead4190e68815399eb3efd254.)  format("woff"), url(2a84ec9ba7283107ef61eefccbc0a76cf5fed277.ttf)  format("truetype"), url(58b96b4c869f90f86fddbbdf5ae7f14dab069ade.svg)  format("svg");
}
.jp-flat-video-responsive { min-width: 320px; max-width: 1280px; width: 100%; height: auto; }
.jp-flat-video-360p { width: 640px; height: 360px; }
.jp-flat-video-270p { width: 480px; height: 270px; }
.jp-flat-video { position: relative; font-family: "Source Sans Pro",sans-serif; text-align: left; min-height: 64px; -moz-user-select: none; color: rgb(255, 255, 255); }
.jp-flat-video, .jp-flat-video * { margin: 0px; padding: 0px; border: medium none; font-size: 0px; line-height: 0; }
.jp-flat-video-full { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.jp-flat-video .jp-jplayer video { background-color: rgb(0, 0, 0); }
.jp-flat-video .jp-gui { position: absolute; bottom: 0px; width: 100%; height: 64px; }
.jp-flat-video .jp-control { position: absolute; top: 0px; width: 64px; height: 100%; background-color: rgb(0, 174, 246); }
.jp-flat-video .jp-play-control { left: 0px; }
.jp-flat-video .jp-screen-control { right: 0px; }
.jp-flat-video .jp-button { text-decoration: none; font-size: 32px; line-height: 64px; text-align: center; cursor: pointer; color: rgb(255, 255, 255); }
.jp-flat-video .jp-pause, .jp-flat-video .jp-restore-screen { display: none; }
.jp-flat-video .jp-button::before { display: inline-block; font-family: "flat-video"; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; width: 64px; line-height: 64px; text-align: center; opacity: 1; }
.jp-flat-video .jp-pause::before { content: "‖"; }
.jp-flat-video .jp-play::before { content: "▶"; }
.jp-flat-video .jp-full-screen::before { content: ""; }
.jp-flat-video .jp-restore-screen::before { content: ""; }
.jp-flat-video .jp-bar { position: absolute; top: 0px; left: 64px; right: 64px; height: 100%; background-color: rgb(35, 35, 35); }
.jp-flat-video .jp-seek-bar { position: absolute; top: 0px; left: 0px; min-width: 100%; height: 100%; cursor: pointer; }
.jp-flat-video .jp-play-bar { position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; background-color: rgb(0, 130, 178); }
.jp-flat-video .jp-details, .jp-flat-video .jp-timing { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; padding: 0px 12px; font-size: 16px; line-height: 64px; }
.jp-flat-video .jp-timing { text-align: right; }
.jp-flat-video .jp-title, .jp-flat-video .jp-duration { font-size: 16px; line-height: 64px; }
.jp-flat-video .jp-no-solution { position: absolute; bottom: 0px; left: 64px; right: 64px; height: 48px; padding: 8px 0px; line-height: 24px; font-size: 16px; text-align: center; display: none; color: rgb(0, 0, 0); background-color: rgb(178, 130, 130); }