/* mp4trailer.css */
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { height: 100%; max-height:640px; overflow: hidden; }
table#downloads { background: #FFF; color: #464646; text-align: left; display: table; width: 100%; }
thead, tbody { float: left; width: 100%; }
thead { }
thead tr { width: 100%; display: table; float: none; }
thead tr:last-child { border-bottom: 1px solid #C1C1C1; }
table h3 { margin: 0; display: inline-block; }
table th, table td { float: left; padding: 0 2px; vertical-align: middle; }
tbody { overflow: auto; overflow-y: scroll; height: 117px; }
tbody tr { width: 100%; display: table; border-bottom: 1px solid #E0E0E0; vertical-align: middle; }
tbody tr:nth-child(even) { background: #E8E8E8; }
tbody tr:last-child { margin-bottom: 10px; }
table th:not(:last-child) { margin-right: 3px; }
table td:not(:last-child) { margin-right: 3px; }
table th.label { width: 10em; }
table td.label { width: 10em; }
table th.size_label { width: 8em; }
table td.size_label { width: 8em; }
table th.size { width: 6.5em; min-width: 6.5em; float: right; text-align: right; border: 1px solid transparent; }
table td.size { width: calc(6.5em - 16px); min-width: calc(6.5em - 16px); float: right; text-align: right; }
table th.link { text-align: right; float: right; width: 20%; }
table td.link { text-align: right; float: right; width: 20%; }
table .link a { text-decoration: none; color: #464646; display: block; }
tbody i { width: 16px !important; height: 16px !important; font-size: 16px !important; }
table small { float:right; }
.vidwrapper { background: #000; }
.fsk-warning { font-size: 14px; line-height: 22px; text-align: center !important; }
.vidwrapper .fsk_bg { position: fixed; top: 0; left: 0; height: 480px; width: 640px; background: #000; z-index: 100; pointer-events: none; -webkit-animation: fsk_fadeOut 0.5s ease-in 2s forwards; -moz-animation: fsk_fadeOut 0.5s ease-in 2s forwards; -o-animation: fsk_fadeOut 0.5s ease-in 2s forwards; animation: fsk_fadeOut 0.5s ease-in 2s forwards; }
@-webkit-keyframes fsk_fadeOut { from { opacity:1; }
to { opacity:0; } }
@-moz-keyframes fsk_fadeOut { from { opacity:1; }
to { opacity:0; } }
@-o-keyframes fsk_fadeOut { from { opacity:1; }
to { opacity:0; } }
@keyframes fsk_fadeOut { from { opacity:1; }
to { opacity:0; } }
.vidwrapper .fsk { position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; }
#mp4_player { }
.vjs-poster { cursor: pointer; background-size: contain !important; }
.video-js .vjs-big-play-button { position: relative; padding: 0 15px; background: rgba(61, 61, 61, 1.0)!important; color: #fff; letter-spacing: -6px; text-shadow: 0 3px 0 #000; border-radius: 50% / 11%; box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.67); left: 50% !important; top:50% !important; width: 2em !important; height: 1.5em !important; margin-top: -0.75em; margin-left: -1em; border-radius: 50% / 11% !important; box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.67); border-width: 0 !important; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.video-js.vjs-paused .vjs-big-play-button { opacity:1; }
.video-js.vjs-waiting .vjs-big-play-button, .video-js.vjs-playing .vjs-big-play-button { opacity:0; }
.video-js:hover .vjs-big-play-button { background: #C90000!important; }
.video-js .vjs-big-play-button::before { display: none; }
.video-js .vjs-big-play-button::after { width: auto !important; height: auto !important; content: '\f101' !important; line-height: 38px !important; position: absolute; top: 10% !important; bottom: 10% !important; right: -5% !important; left: -4.5% !important; background: inherit; border-radius: 5% / 50% !important; text-shadow: none !important; padding-right: 3px; }
.vjs-control-text { display: none; }