/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 15, 2017, 12:16:07 PM
    Author     : mirela
*/
.lightbox-wrapper {
  width: 100%;
  height: 100%;
}
.lightbox {
  display: none;
  background-color: #000000;
  background: rgba(0, 0, 0, 0.8);
  width: 100.1%;
  height: 100.1%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
}
.lightbox .close-handle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwQjdDMUVERDNDMjExRTA4NjJFRjg0NUFFNDU5QUU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwQjdDMUVFRDNDMjExRTA4NjJFRjg0NUFFNDU5QUU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBCN0MxRUJEM0MyMTFFMDg2MkVGODQ1QUU0NTlBRTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBCN0MxRUNEM0MyMTFFMDg2MkVGODQ1QUU0NTlBRTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5OVnSPAAAGOUlEQVR42rRXa0xUVxC+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);
  background-repeat: no-repeat;
  background-position: 99% 15px;
  cursor: pointer;
}
.lightbox .fakeimg {
  max-height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  max-width: 100%;
  z-index: 2;
}
.lightbox .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.1);
}
.lightbox .video-player.youtube {
  top: 40%;
}
.lightbox img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
}
.lightbox .iframe-tag,
.lightbox .html-content {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lightbox .html-content {
  overflow: auto;
}
.lightbox-video .close-handle {
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  background-position: 0 0;
}
.lightbox-status,
.lightbox-caption {
  position: absolute;
  top: 12px;
  right: 40px;
  padding: 7px 10px 6px;
  float: right;
  color: white;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2em;
  text-shadow: 1px 1px black;
}
.lightbox-caption {
  top: auto;
  bottom: 0;
  right: auto;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 8%;
}
.lightbox-caption small {
  padding-left: 5px;
  font-size: 70%;
  color: #aaa;
}
.lightbox-nav-previous,
.lightbox-nav-next {
  display: none;
  width: 50%;
  height: 450px;
  position: absolute;
  top: 50%;
  background-image: url(/SysRes/global/groups/lightbox/lightbox.png);
  background-repeat: no-repeat;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.lightbox-nav-previous {
  left: 20px;
  background-position: left -240px;
}
.lightbox-nav-previous:hover {
  background-position: left 190px;
}
.lightbox-nav-next {
  right: 20px;
  background-position: right -240px;
}
.lightbox-nav-next:hover {
  background-position: right 190px;
}
.lightbox-loading {
  background-image: url(/SysRes/GLOBALSkin/Groups/GalleryViewer/gallery-loader.gif);
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.lightbox-facebook {
  position: absolute;
  width: 27px;
  height: 27px;
  background-image: url(/SysRes/GLOBALSkin/Groups/Mobile/pics/Texture.png);
  background-position: -1px -78px;
  display: block;
  bottom: 5px;
  right: 15px;
}
/* overwriting z-index for FB.ui share dialog so it does not get hidden by the lightbox itself */
.fb_dialog {
  z-index: 20001 !important;
}
.yt-video-bxslider-wrapper {
  bottom: 20%;
  position: relative;
  border-top: 1px solid #ffffff;
}
.yt-video-bxslider-wrapper .yt-title {
  text-align: center;
  color: #ffffff;
  margin: 10px 0;
  font-size: 24px;
}
.yt-video-bxslider {
  margin: 0 auto;
  position: relative;
}
.yt-video-bxslider img {
  left: auto;
  max-height: inherit;
  position: relative;
  top: auto;
}
.yt-video-bxslider .media-wrapper {
  border: 1px solid #ccc;
  width: 125px;
  height: 70px;
  position: relative;
}
.yt-video-bxslider .yt-video-slides li .media-wrapper {
  margin: 0 9px;
}
.yt-video-bxslider .bx-wrapper .bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
  left: 0;
}
.yt-video-bxslider .bx-wrapper .bx-next {
  right: -30px;
}
.yt-video-bxslider .bx-wrapper .bx-prev {
  left: -30px;
}
.yt-video-bxslider span.video-title {
  position: absolute;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 115px;
  bottom: 0px;
  background: #FCC74C;
  font-size: 12px;
  color: #fff;
  display: none;
  padding: 1px 0 1px 10px;
  font-weight: bold;
}
.yt-video-bxslider span.video-title::before {
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
  border-top: 5px solid transparent;
  height: 0;
  width: 0;
  display: block;
  left: 23px;
  content: "";
  position: absolute;
  left: 2px;
  bottom: 3px;
}
.yt-video-bxslider .yt-video-slides li:hover span.video-title,
.yt-video-bxslider .yt-video-slides li.active span.video-title {
  display: block;
}
.video-controllers .lightbox-nav-previous,
.video-controllers .lightbox-nav-next {
  height: 70px;
  width: 30px;
}
.video-controllers .lightbox-nav-previous {
  background-position: left 0px;
}
.video-controllers .lightbox-nav-next {
  background-position: right 0px;
}
.video-controllers .lightbox-nav-previous:hover {
  background-position: left -430px;
}
.video-controllers .lightbox-nav-next:hover {
  background-position: right -430px;
}
.fb-picture-share {
  background-image: url(/wp-content/skins/global/groups/lightbox/button_fb.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 30px;
  left: 51%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 52%;
  z-index: 2;
  cursor: pointer;
  display: block;
}