body {
  background:transparent;
  background:url('../img/bg.jpg') center -243px no-repeat #FFF;
  margin:0; padding:0;
}

#content {
  width:994px;
  height:auto;
  position:relative;
  overflow:hidden;
  margin:0px auto;
}

#blocker {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  z-index:9999;
  display:none;
}

/* $Player */
    
#player {
  position:absolute;
  background:#000;
  width:995px; height:765px;
  top:-800px; left:0;

  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -ms-transition: top 0.4s;
  -o-transition: top 0.4s;
  -transition: top 0.4s;

  -webkit-transition-timing-function: cubic-bezier(1.000, 1, 0.240, 0.815); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, 1.555, 0.240, 0.815); 
  -moz-transition-timing-function: cubic-bezier(1.000, 1.555, 0.240, 0.815); 
  -ms-transition-timing-function: cubic-bezier(1.000, 1.555, 0.240, 0.815); 
  -o-transition-timing-function: cubic-bezier(1.000, 1.555, 0.240, 0.815); 
  transition-timing-function: cubic-bezier(1.000, 1.555, 0.240, 0.815); /* custom */
}

#player.active {
  top:0;
}

#player .btn {
  position:absolute;
  cursor:pointer;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -transition: all 0.3s;
}

#player .btn:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}

#player .close-btn {
  height: 40px; width: 40px;
  right: 10px; top:50px;
}

#player .next-btn {
  top:370px; right:30px;
  opacity:0;
}

#player .prev-btn {
  top:370px; left:30px;
  opacity:0;
}

#player:hover .prev-btn,
#player:hover .next-btn {
  opacity:1;
  top:350px;
}

/* $Preloader */

#preloader {
  position:absolute;
  top:75px;
  left:50%;
  margin-left:-281px;
  width:563px;
}

.progress-bar {
  position: relative;
  height: 20px; width: 400px;
  background:#75cfec;
  margin:30px auto;
  border-radius:4px;
  -webkit-border-radius:4px;
}

.progress-bar .bar {
  position:relative;
  height:100%; width:0%;
  background:#f15f7f;
  border-radius:4px;
  -webkit-border-radius:4px;

  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  -transition: width 0.3s;
}