#carousel-wrapper {
  overflow: hidden;
  position: relative;
}

#carousel-seats {
  width: 100%; /* 600px; 625px;  changed 18 March 2014 to make images responsive */
  height: 100%; /* 432px; changed 18 March 2014 to make images responsive */
/*  min-height: 375px; */
  background: #000;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.carousel-seat {
  display: none;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
}

.carousel-seat .media-box {
  width:  100%; /* 625px; */
  height: 100%; /* 432px;  */
  background: #000;
  overflow: hidden;
}


.carousel-seat .story-box {
  width: 100%; /* 605px; */
  padding: 10px;
/*  background: url(./images/carousel_story_bg.png) repeat-x 0 0; */  
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 14;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: .7;
}

#carousel-controls {
  z-index: 16;
}

#carousel-controls .control {
  position: relative;
  cursor: pointer;
}

#carousel-controls .control a {
  display: none;
}

#carousel-controls .control .play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
/*  background: url(./images/play_btn_small.png) no-repeat 50% 50%; */
}

#carousel-buttons {
  z-index: 16;
}

#carousel-buttons a {
  outline: none;
}

.carousel-seat .play-btn {
  display: block;
  width: 136px;
  height: 42px;
/*  background: url(./images/play_btn.png) no-repeat 0 0; */
  position: absolute;
  left: 244.5px;
  top: 195px;
  z-index: 16;
}

.carousel-seat .play-btn:hover {
  background-position: 0 -42px;
}

#carousel-player {
  width: 100%; /* 625px; */
  display: none;
  position: relative;
  z-index: 18;
}

#carousel-player a.close {
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
}