@charset "UTF-8";

/* video contents */
.video_player .loader:before, .video-thumb:after, .video_player .btn-muted:before, .video_player .btn-mute:before, .video_player .btn-fullscreen:before, .video_player .btn-play:before, .video_player .btn-pause:before, .video_player .btn-play:before {background:url("../../images/normal/video_icons.8a65a1143634.png") no-repeat; background-size:160px 30px;}
.video_player .loading .loader:before {background:url("../../images/normal/video_loader.340433b2e94f.png") no-repeat;background-size:1152px 64px;}
@media screen and (-webkit-min-device-pixel-ratio:2){
	.video_player .loader:before, .video-thumb:after, .video_player .btn-muted:before, .video_player .btn-mute:before, .video_player .btn-fullscreen:before, .video_player .btn-play:before, .video_player .btn-pause:before, .video_player .btn-play:before {background-image:url("../../images/retina/video_icons.185ab307048f.png");}
	.video_player .loading .loader:before {background-image:url("../../images/retina/video_loader.08e6b4b9f0bd.png");}
}
.video_player {position: relative;overflow:hidden;z-index: 1;}
.video_player video {display:block;width:100%;height:100%;}
.video_player.full {position:fixed;top:0;left:0;width:100%;height:100%;z-index:111111;background:#000;}
.video_player.full .btn-fullscreen:before {background-position:-111px 0;}
.video_player .pause, .video_player .stop {background:none;}
.video_player .btn-pause {width: 40px;text-indent: -1000em;height: 46px;background: none;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;}
.video_player .btn-pause:before {content:'';position:absolute;bottom:15px;left:17px;display:block;width:12px;height: 16px;background-position: -38px 0;}
.video_player .btn-play {opacity:0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;width: 40px;text-indent: -1000em;height: 46px;background: none;top: auto;margin: 0;}
.video_player p {position:absolute;top: 0;left:0;width:100%;height:100%;padding: 0;}
.video_player p.loading {border:0;}
.figure:hover .video_player p, .figure .video_player.pause p, .figure .video_player.stop p {background: rgba(0,0,0,0.1);}
.video_player p:before {content:'';left:0;position:absolute;bottom:0;height:100px;width:100%;background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background-image: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;}
.video_player.pause:hover p, .video_player.stop p.show-always {background:none;}
.video_player:hover p:before, .video_player p.show-always:before {opacity:0.5;}
.video_player:hover .btn-pause, .video_player .show-always .btn-pause {opacity:1;}
.video_player:hover .pause .btn-play, .video_player .show-always.pause .btn-play {opacity:1;}
.video_player:hover .btn-fullscreen, .video_player .show-always .btn-fullscreen {opacity:1;}
.video_player:hover .timestamp, .video_player .show-always .timestamp {opacity:1;}
.video_player:hover .playing .loader, .video_player .show-always.playing .loader {opacity:0;}
.video_player .btn-play:before {position:absolute;bottom:15px;left:17px;content:'';display:block;width:12px;height: 16px;background-position: -25px 0;}
.video_player .btn-mute {position:absolute;width:34px;bottom:0;height:45px;text-indent: -1000em;right:44px;background: none;}
.video_player .btn-mute:before {content:'';display:block;width:18px;height: 14px;background-position: -52px 0;position: absolute;top: 50%;left: 50%;margin: -7px 0 0 -9px;}
.video_player .btn-muted {position:absolute;width:34px;bottom:0;height:45px;text-indent: -1000em;right:44px;background: none;}
.video_player .btn-muted:before {content:'';display:block;width: 19px;height: 14px;background-position: -71px 0;position: absolute;top: 50%;left: 50%;margin: -7px 0 0 -9px;}
.video_player .btn-fullscreen {position:absolute;width:34px;bottom:0;height:45px;text-indent: -1000em;right:9px;background: none;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;}
.video_player .btn-fullscreen:before {content:'';display:block;width:18px;height: 15px;background-position: -92px 0;position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -9px;}
.video_player .timestamp {position:absolute;right:87px;width:70%; width:calc(100% - 133px);  width:-webkit-calc(100% - 133px); width:-moz-calc(100% - 133px);text-align: right;color: #fff;font-size: 11px;font-weight: bold;bottom: 8px;line-height: 30px;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;}
.video_player .timestamp .progress {padding:0;position:absolute;top:50%;left:0;height:2px;margin-top:-1px;width:90%; width:calc(100% - 72px);  width:-webkit-calc(100% - 72px); width:-moz-calc(100% - 72px);cursor:pointer;}
.video_player .timestamp .progress:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(204,204,204,0.3);transform-origin: 50% 50%;      -webkit-transform-origin: 50% 50%;      -moz-transform-origin: 50% 50%;border-radius: 2px;}
.video_player .timestamp .progress.animate:before {transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out;}
.video_player .timestamp .progress i, .video_player .timestamp .progress i:before {border:0;content:'';position:absolute;top:0;left:0;height:100%;border-radius: 2px;transform-origin: 50% 50%;      -webkit-transform-origin: 50% 50%;      -moz-transform-origin: 50% 50%;}
.video_player .timestamp .progress.animate i:before {transition: 0.15s ease-in-out;-webkit-transition: 0.15s ease-in-out;-moz-transition: 0.15s ease-in-out;}
.video_player .timestamp .progress i.buffer:before {background:rgba(255,255,255,0.5);}
.video_player .timestamp .progress i.loading {overflow:visible !important;transition:width 1s linear;-webkit-transition:width 1s linear;-moz-transition:width 1s linear;}
.video_player .pause .timestamp .progress i.loading, .video_player .loading .timestamp .progress i.loading {transition:none;-webkit-transition:none;-moz-transition:none;}
.video_player .timestamp .progress i.loading:before {background:#ffffff;}
.video_player .timestamp .progress i:before {width:100%;}
.video_player .timestamp:hover .progress *:before, .video_player .timestamp:hover .progress:before {transform:scaleY(2);-webkit-transform:scaleY(2);-moz-transform:scaleY(2);}
.video_player .timestamp:hover .progress i {border-radius:2px;}
.video_player .timestamp:hover .progress .btn-move {transform: scale(1.25);-webkit-transform: scale(1.25);-moz-transform: scale(1.25);}
.video_player .timestamp .progress .btn-move {position:absolute;right:-4px;margin-top:-4px;top:50%;transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);width:8px;height:8px;background:#fff;border-radius:100%;transition: transform 0.15s linear;-webkit-transition: transform 0.15s linear;-moz-transition: transform 0.15s linear;}
.video_player.seeking .timestamp .progress.animate:before,
.video_player.seeking .timestamp .progress.animate i:before {transition:none;-webkit-transition:none;-moz-transition:none;}
.video_player .playing .btn-play, .video_player .pause .btn-pause, .video_player .stop button, .video_player .stop .timestamp, .video_player:hover .stop:before {display:none;}
.video_player .stop .btn-play:before {content:'';position:absolute;top:50%;left:50%;width:21px;height:28px;margin:-14px 0 0 -7px;background-position: 0 0;}
.video_player .btn-play:after, .video_player .btn-pause:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.video_player .stop .btn-play {opacity:1;display:block;position:absolute;top:50%;left:50%;background:rgba(0,0,0,0.6);border-radius:100%;width:64px;height:64px;margin:-32px 0 0 -32px;  }
.video_player .stop .btn-play:after {content:'';position:absolute;width:640px;height:640px;top:50%;left:50%;margin:-320px 0 0 -320px;}
.video_player .loading .loader {position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(0,0,0,0.6);border-radius:100%;}
.video_player .loading .loader:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:50% 50%;transform-origin: 50% 50%;-webkit-animation: video_spin 2s linear infinite; -moz-animation: video_spin 2s linear infinite; animation: video_spin 2s linear infinite;opacity: 0;margin: 0;}
@keyframes video_spin {0% {opacity:1;transform: rotate(0);} 100% {opacity:1;transform: rotate(360deg);}}
@-moz-keyframes video_spin {0% {opacity:1;-moz-transform: rotate(0);}100% {opacity:1;-moz-transform: rotate(360deg);}}
@-webkit-keyframes video_spin {0% {opacity:1;-webkit-transform: rotate(0);}100% {opacity:1;-webkit-transform: rotate(360deg);}}
.video-thumb {overflow:hidden;display:inline-block;width:51px;height:51px;position:relative;}
.video-thumb video {position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);height:100%;}
.video_player.nozoom .btn-mute, .video_player.nozoom .btn-muted {right:9px;}
.video_player.nozoom .timestamp {position:absolute;right:53px;width:70%; width:calc(100% - 98px);  width:-webkit-calc(100% - 98px); width:-moz-calc(100% - 98px);}
.figure-section .thumbnail-list li {background:#3e85cd;border-radius: 3px;}
.figure-section .thumbnail-list a.active {opacity:0.85;}
.figure-section .thumbnail-list a.video-thumb:after {content:'';position:absolute;top:50%;left:50%;z-index:1;margin:-4px 0 0 -2px;width:5px;height:7px;background-position:-25px -20px;}
.figure-section .thumbnail-list a.video-thumb:before {content:'';position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;width:17px;height:17px;border-radius:100%;background:#000;opacity:0.7;z-index:1;}
.video_player a.thing-url {position:absolute;top:0;left:0;width:100%;height:100%;}

.video_player .stop.show-always button, .video_player .stop.show-always .timestamp {display:block;}
.video_player .stop.show-always .btn-pause {display:none;}
.video_player .stop.show-always .btn-play {position: absolute;top: auto;left:0;width: 40px;height: 46px;margin: 0;background: none;bottom: 0;}
.video_player .stop.show-always .btn-play:before {position:absolute;bottom:15px;top: auto;left:17px;content:'';display:block;width:12px;height: 16px;background-position: -25px 0;}