/* ###### Styles for the Brightcove Video Player  ###### */

/* Responsive Sizing - should be no explicit widths anywhere */
.bc-outer {
  width: 100%;
  display: block;
  position: relative;
}

.bc-outer:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.bc-outer .video-js {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

div:not(.video-player)>.bc-outer {
  margin-bottom: 20px;
}



.span4 .videoAdUiPreSkipContainer,
.span4 .videoAdUiSkipContainer {
  top: 22px
}

@media only screen and (max-width : 767px) {

  .videoAdUiPreSkipContainer,
  .videoAdUiSkipContainer {
    top: 22px
  }
}