.video-js.vjs-gallery-skin {
  font-size: 1rem;
  color: #fff;
}

.vjs-gallery-skin .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-gallery-skin .vjs-play-control .vjs-icon-placeholder::before, .vjs-icon-play::before {
  content: "";
}

/* The "Big Play Button" is the play button that shows before the video plays.
To center it set the align values to center and middle. The typical location
of the button is the center, but there is trend towards moving it to a corner
where it gets out of the way of valuable content in the poster image.*/
.vjs-gallery-skin .vjs-big-play-button {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-left: -3rem;
  margin-top: -0.75rem;
  cursor:pointer;
  width:6rem;
  height:6rem;
  border:none;
  border-radius: 50%;
  background: transparent;
  transition: all .5s;
  font-family: 'asisi';
  font-size:6rem;
  color: #fff;
}

.vjs-gallery-skin .vjs-big-play-button:before {
  display:block;
  position:relative;
  bottom:1.5rem;
  content: "\e90f";
  background: transparent;
  color:rgba(171, 171, 171, 0.75);
}

.vjs-gallery-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

.vjs-gallery-skin.vjs-paused .vjs-big-play-button {
  display: block;
}

.vjs-gallery-skin .vjs-poster {
  outline: none;
}

.vjs-gallery-skin.video-js.vjs-ended .vjs-poster {
  display: block;
}

.vjs-gallery-skin:hover .vjs-big-play-button {
  background: transparent;
}

.vjs-gallery-skin:hover .vjs-big-play-button:before {
  background: transparent;
  color: #fff;
}

.vjs-gallery-skin .vjs-control {
  cursor:pointer;
}

.vjs-gallery-skin .vjs-control-bar {
  display: none;
}

.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button {
  display: none !important;
}