.live-cam-onair { max-width: 640px; max-height: 480px; margin: 20px auto 0; background: #333; padding: 0; line-height: 0; position: relative;}
.live-cam-onair:not(.js_active)::before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.5); content: ""; }
.live-cam-onair:not(.js_active)::after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; background-image: url(/decommission/common/images/progress/about/livecamera_img_index-j_loading.png); background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.live-cam-onair video { max-width: 640px; height: auto; margin: 0 auto; }
.live-cam-maintenance { margin: 20px auto 0; max-width: 640px; height: 480px; background: #333; position: relative;}
.live-cam-maintenance .live-cam-maintenance-notice { color: #fff; position: absolute; top: 45%; width: 100%; padding: 0 15px; box-sizing: border-box; vertical-align: middle; text-align: center; }
@media screen and (max-width: 767px) {
  .live-cam-onair video { width: 100%; height: auto; }
  .live-cam-maintenance { margin: 10px auto 0; width: 100%; height: auto; }
  .live-cam-maintenance:before { content: ""; display: block; padding-top: 75%; }
  .live-cam-maintenance .live-cam-maintenance-notice { top: 40%; }
}