.b-picture-preview {
  background: rgb(3, 29, 43);
  background: rgba(3, 29, 43, 0.79);
  position: fixed;
}

.b-picture-preview__img {
  border:15px solid white;
  position: relative;
  z-index:2;
  margin:0 auto;
  display: block;
  /*max-width:100%;*/
  /*max-height: 100%;*/
  width:auto !important;
  height:auto !important;
}

.b-picture-preview__content {
  display: block;
  position: relative;
}

.b-picture-preview__wrapper {
  display: block;
  position: relative;
  margin:0 auto;

  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.b-picture-preview__wrapper:after {
  content:'';
  display: block;
  position: absolute;
  top:20px;
  left:20px;
  right:20px;
  bottom:20px;
  background:rgb(0, 204, 255);
  background:rgba(0, 204, 255, .29);

  z-index:-1;

  -webkit-box-shadow: 0 5px 500px 100px rgba(0, 204, 255, .32);
  -moz-box-shadow: 0 5px 500px 100px rgba(0, 204, 255,  .32);
  box-shadow: 0 5px 500px 100px rgba(0, 204, 255,  .32);

  -moz-border-radius: 100%;
  border-radius: 100%;
}


.b-picture-preview__close {
  display: block;
  position:absolute;
  top:-20px;
  right:0;
  color: white;
  padding-right:12px;
  cursor: pointer;
  z-index:100;
}
.b-picture-preview__close:hover {
  color: #e00000;
}

.b-picture-preview__close:after {
  content:'';
  display: block;
  position:absolute;
  top:5px;
  right:0;
  height:9px;
  width:9px;
  background:url(/f/resources/mama-icons.png) -18px -276px no-repeat;
  cursor:pointer;
}
.b-picture-preview__close:hover:after {
  background-position: -9px -276px;
}


.b-picture-preview__right,
.b-picture-preview__left {
  display: block;
  width:58px;
  height:100%;

  position: absolute;
  top:0;
  left:0;
  width: 90px;
  cursor: pointer;
  z-index:99;
}
.b-picture-preview__left {
  left:auto;
  right:0px;
}

.b-picture-preview__right span,
.b-picture-preview__left span {  display: block;
  width:58px;
  height:58px;
  background: url(/f/resources/mama-icons.png) -242px -377px no-repeat;

  position: absolute;
  top:50%;
  left:20px;
  cursor: pointer;
  margin-top:-29px;
  z-index:99;
  opacity:.5;
}
.b-picture-preview__left span {
  background-position: -183px -377px;
  left:auto;
  right:20px;
}

.b-picture-preview__right:hover span {
/*  background-position: -242px -435px; */
  opacity: 1;
}
.b-picture-preview__left:hover span {
/*  background-position: -183px -435px; */
  opacity: 1;
}

.b-picture-preview__right.disable,
.b-picture-preview__right.disable:hover {
/*  background-position: -242px -377px !important;
  opacity: .5 !important;  */
  opacity:0;
}
.b-picture-preview__left.disable,
.b-picture-preview__left.disable:hover {
/*  background-position: -183px -377px !important;
  opacity: .5 !important; */
  opacity:0;
}


.b-picture-preview__plane {
   display: none;
   position:absolute;
   width: 344px;
   height: 324px;

   background: url(/f/resources/b-picture-preview/mama-picture-preview.png) -232px 0 no-repeat;
   top:-400px;
   left:800px;
   z-index:3;
}

.b-picture-preview__balloon {
  display: none;
  position:absolute;
  width: 234px;
  height: 426px;

  background: url(/f/resources/b-picture-preview/mama-picture-preview.png) 0 0 no-repeat;
  top:800px;
  left:-400px;
  z-index:3;
}

.b-picture-preview__cube {
  display: none;
  position:absolute;
  width: 330px;
  height: 431px;

  background: url(/f/resources/b-picture-preview/mama-picture-preview.png) -334px -323px no-repeat;
  bottom:-400px;
  right:-800px;
  z-index:1;
}

.b-picture-preview__ball {
  display: none;
  position:absolute;
  width: 335px;
  height: 329px;

  background: url(/f/resources/b-picture-preview/mama-picture-preview.png) 0  -425px no-repeat;
  bottom:-400px;
  left:-800px;
  z-index:1;
}

.b-picture-preview__ball,
.b-picture-preview__cube,
.b-picture-preview__balloon,
.b-picture-preview__plane {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}


.b-picture-preview_ready .b-picture-preview__plane {
  top:-105px;
  left:88%;
}

.b-picture-preview_ready .b-picture-preview__balloon {
  top:1px;
  left:-155px;
}

.b-picture-preview_ready .b-picture-preview__cube {
  bottom:-24px;
  right:-294px;
}

.b-picture-preview_ready .b-picture-preview__ball {
  bottom:-85px;
  left:-263px;
}

.b-picture-preview.child .b-picture-preview__ball,
.b-picture-preview.child .b-picture-preview__cube,
.b-picture-preview.child .b-picture-preview__balloon,
.b-picture-preview.child .b-picture-preview__plane {
  display: block;
}

.b-picture-preview__video {
  display: none;
  padding:15px;
}

.b-picture-preview__video object,
.b-picture-preview__video embed {
  margin:0;
  padding:0;
  display: block;
}




.b-picture-preview.video .b-picture-preview__img {
  display: none;
}
.b-picture-preview.video .b-picture-preview__video {
  display: block;
}