#videoPlayerBrand {
  background: #000;
}
div.jp-video {
  position: relative;
  z-index: 888;
}
div.jp-video-270p {
  width: 480px;
}
div.jp-video-360p {
  width: 640px;
}
div.jp-video-custom {
  width: 1200px;
}
div.jp-video-full {
  /* Rules for IE6 (full-screen) */

  width: 1200px;
  height: 480px;
  /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */

  position: static !important;
  position: relative;
}
div.jp-video-full div.jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  /* Rules for IE6 (full-screen) */

  overflow: hidden;
  z-index: 1000;
}
div.jp-video-full div.jp-gui {
  position: fixed !important;
  position: static;
  /* Rules for IE6 (full-screen) */

  bottom: 20px;
  left: 15%;
  width: 70%;
  margin: 10px auto;
  height: 100%;
  z-index: 1000;
}
div.jp-video-full div.jp-interface {
  position: absolute !important;
  position: relative;
  /* Rules for IE6 (full-screen) */

  bottom: 0;
  left: 0;
  z-index: 1000;
}
div.jp-gui {
  width: 70%;
  position: relative;
  margin: 0 auto;
  display: none;
}
div.jp-interface {
  position: absolute;
  bottom: 30px;
  width: 100%;
  background: transparent url('../images/video_controls_bg.png') repeat-x center center;
}
div.jp-video-full a#exitFull {
  width: 45px;
  height: 45px;
  background: transparent url('../images/close.png') no-repeat 0px 0px;
  position: fixed !important;
  top: 20px;
  right: 20px;
  z-index: 1000;
  display: block;
  overflow: hidden;
  text-indent: -999em;
}
div.jp-video-full a#exitFull:hover {
  background-position: -50px 0;
}
div.jp-video-details-holder {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  z-index: 100;
}
div.jp-video-details-holder .inner-video-details {
  padding: 20px 70px 20px 130px;
}
div.jp-video-details-holder .inner-video-details .jp-title {
  font-size: 1.6em;
  color: #fff;
  text-transform: uppercase;
  margin: 5px  0 10px 0;
}
/* @group CONTROLS */
div.jp-controls-holder {
  clear: both;
  width: 120px;
  height: 121px;
  position: relative;
  overflow: hidden;
  border-right: 1px dotted #605e59;
  float: left;
  z-index: 110;
}
div.jp-toggles-holder {
  width: 61px;
  height: 121px;
  position: relative;
  overflow: hidden;
  border-left: 1px dotted #605e59;
  float: right;
  z-index: 110;
}
div.jp-toggles-holder ul li {
  display: block;
  width: 61px;
  height: 61px;
}
div.jp-toggles-holder ul li.volume-toggle {
  border-top: 1px dotted #605e59;
}
div.jp-toggles-holder ul li a {
  display: block;
  width: 61px;
  height: 61px;
  position: absolute;
  overflow: hidden;
  text-indent: -9999em;
}
div.jp-interface .jp-controls-holder a {
  position: absolute;
  overflow: hidden;
  text-indent: -9999em;
  font-size: 9px;
}
a.jp-play,
a.jp-pause {
  width: 121px;
  height: 120px;
}
a.jp-play {
  background: url("../images/video_controls.png") 0 0 no-repeat;
}
a.jp-play:hover {
  background: url("../images/video_controls.png") 0 -121px no-repeat;
}
a.jp-pause {
  background: url("../images/video_controls.png") -120px 0 no-repeat;
  display: none;
}
a.jp-pause:hover {
  background: url("../images/video_controls.png") -120px -121px no-repeat;
}
/* @end */
/* @group progress bar */
div.jp-progress {
  overflow: hidden;
  background: transparent url('../images/video_progress.gif') repeat center top;
}
div.jp-video div.jp-progress {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
}
div.jp-seek-bar {
  background: #615455;
  width: 0px;
  height: 100%;
  cursor: pointer;
}
div.jp-play-bar {
  background: #fff;
  width: 0px;
  height: 100%;
}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
  background: url("../images/video_progress.gif");
}
/* @end */
/* @group volume controls */
a.jp-mute {
  background: url("../images/video_controls.png") -800px -61px no-repeat;
}
a.jp-mute:hover {
  background: url("../images/video_controls.png") -800px -182px no-repeat;
}
a.jp-unmute {
  background: url("../images/video_controls.png") -740px -61px no-repeat;
  display: none;
}
a.jp-unmute:hover {
  background: url("../images/video_controls.png") -740px -182px no-repeat;
}
/* @end */
/* @group current time and duration */
div.jp-current-time,
div.jp-duration {
  width: 60px;
  font-size: 0.8em;
  color: #fff;
  margin-top: 10px;
}
div.jp-current-time {
  float: left;
  display: inline;
}
div.jp-duration {
  float: right;
  display: inline;
  text-align: right;
}
/* @end */
div.jp-video-play {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */

}
a.jp-video-play-icon {
  position: relative;
  display: block;
  width: 121px;
  height: 121px;
  margin-left: -60px;
  margin-top: -60px;
  left: 50%;
  top: 50%;
  overflow: hidden;
  background: url("../images/icon-play-video.png") 0 0 no-repeat;
  text-indent: -9999em;
}
div.jp-video-play:hover a.jp-video-play-icon {
  background: url("../images/icon-play-video.png") 0 0 no-repeat;
}
/* @group TOGGLES */
a.jp-full-screen {
  background: url("../images/video_controls.png") -738px 0px no-repeat;
}
a.jp-full-screen:hover {
  background: url("../images/video_controls.png") -738px -121px no-repeat;
}
a.jp-restore-screen {
  background: url("../images/video_controls.png") -800px 0px no-repeat;
}
a.jp-restore-screen:hover {
  background: url("../images/video_controls.png") -800px -121px no-repeat;
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  position: absolute;
  width: 390px;
  margin-left: -202px;
  left: 50%;
  top: 10px;
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none;
}
.jp-no-solution a {
  color: #000;
}
.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold;
}
/* @end */