body {
	font-size: 80% ;
	font-family: Arial, Helvetica, sans-serif ;
}

#html5-player {
    background: #333333 url(../images/html5player/video-background.png) no-repeat 1px 1px ;
  
}
  #html5-player video {
    width: 640px ;
    border: 1px solid #3f5a70 ;
  }
  
#end-overlay {
  background: rgba(0, 0, 0, .83) ;
  position: absolute ;
  width: 642px ;
  height: 361px ;
  display: none ;
}
  #end-overlay #replay-video {
    float: right ;
    margin: 10px 12px 0 0 ;
  }
  #end-overlay #related {
    margin-top: 80px ;
  }
    #end-overlay #related h2 {
      margin-left: 58px ;
    }
  #end-overlay #related-wrapper {
    background: #fff ;
    height: 126px ;
    padding: 20px ;
    position: relative ;
  }
  #end-overlay .related-nav {
    position: absolute ;
    top: 46px ;
    display: none ;
  }
    #end-overlay #related-nav-left {
      left: 20px ;
    }
    #end-overlay #related-nav-right {
      right: 20px ;
    }
  #end-overlay #related-videos-wrapper {
    position: absolute ;
    left: 40px ;
    margin: 0 ;
    padding: 0 ;
    width: 563px ;
    height: 130px ;
    overflow: hidden ;
  }
  #end-overlay ul#related-videos {
    width: 1140px ;
  }
    #end-overlay ul#related-videos li {
      float: left ;
      margin-left: 10px ;
      padding-left: 10px ;
      width: 120px ;
      text-align: center ;
      line-height: 1.1 ;
      border-left: 1px dotted #ccc ;
      height: 130px ;
    }
    #end-overlay ul#related-videos li.index-0 {
      margin: 0 ;
      border: none ;
    }
    #end-overlay ul#related-videos li.index-4 {
      border: none ;
    }
    #end-overlay ul#related-videos li img {
      border: none ;
      margin-bottom: .5em ;
    }
    #end-overlay ul#related-videos li a {
      text-decoration: none ;
      color: #666 ;
      font-size: 12px ;
    }

#html5-player .control-bar {
  height: 42px ;

  margin-top: -3px ;
  padding-left: 2px ;
  /*border-top: 1px solid #3f5a70 ;*/
  background: #4D697F ;
  background-image: linear-gradient(bottom, #6E96B6 61%, #4D697F 100%);
  background-image: -o-linear-gradient(bottom, #6E96B6 61%, #4D697F 100%);
  background-image: -moz-linear-gradient(bottom, #6E96B6 61%, #4D697F 100%);
  background-image: -webkit-linear-gradient(bottom, #6E96B6 61%, #4D697F 100%);
  background-image: -ms-linear-gradient(bottom, #6E96B6 61%, #4D697F 100%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.61, #6E96B6),
  	color-stop(1, #4D697F)
  );


}
#html5-player .button {
  float: left ;
  margin-top: 2px ;
}
#html5-player .separator {
  display: block ;
  height: 42px ;
  width: 1px ;
  background: #4d697f ;
  border-right: 1px solid #7fa0bb ;
  float: left ;
}
#html5-player ul.cuepoints {

}
  #html5-player ul.cuepoints li {
    position: absolute ;
    z-index: 10 ;
  }
  #html5-player ul.cuepoints li .marker {
    width: 9px ;
    height: 8px ;
    position: absolute ;
    margin: -7px 0 0 -3px ;
  }
  #html5-player ul.cuepoints li a {
    text-decoration: none ;
    position: absolute ;
    z-index: 100 ;
  }
  #html5-player ul.cuepoints li a img {
    position: absolute ;
  }
  #html5-player ul.cuepoints li .title {
    z-index: 100 ;
    background: #fff ;
    font-size: 10px ;
    position: absolute ;
    white-space: nowrap ;
    padding: 5px ;
    color: #777 ;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: -22px 0 0 -20px ;
    height: 12px ;
    -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.75);
    display: none ;
  }
#html5-player .track-wrapper {
  float: left ;
  position: relative ;
  margin: 17px 11px 0 11px ;
}
#html5-player .track {
  width: 498px ;
  height: 8px ;
  background: url(../images/html5player/track-flex.png) repeat-x top left ;
  float: left ;
  cursor: pointer ;
}
  #html5-player .progress {
    height: 8px ;
    width: 0 ;
    background: url(../images/html5player/progress.png) repeat-x top left ;
  }
  #html5-player .buffer {
    height: 8px ;
    width: 0 ;
    background: url(../images/html5player/buffer.png) repeat-x top left ;
  }

#html5-player #views {
  display: none ;
  position: absolute ;
  left: 0 ;
  top: 11px ;
  font-size: 9px ;
  color: rgba(0, 0, 0, 0.8) ;
}

#html5-player #timer {
  display: none ;
  position: absolute ;
  right: 0 ;
  top: 11px ;
  font-size: 9px ;
  color: rgba(0, 0, 0, 0.8) ;
}
  #html5-player .volume-speaker {
    margin-left: 5px ;
  }
  #html5-player .volume-meter {
    margin-top: 2px ;
    float: left ;
    height: 38px ;
    background: url(../images/html5player/volume-meter-background.png) no-repeat top left ;
    width: 15px ;
    margin-right: 6px ;
    position: relative ;
  }
  #html5-player .volume-trigger {
    position: absolute ;
    top: 0 ;
    left: 0 ;
  }
  #html5-player .volume-meter-active {
    float: left ;
    height: 38px ;
    background: url(../images/html5player/volume-meter-full.png) no-repeat top left ;
    width: 0 ;
  }