.video-js { border-radius: 20px; }
   .vjs-poster { border-radius: 20px; }
   /** .vjs-control-bar { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} **/



.video-js .vjs-big-play-button {
    left: 40% !important;
    top: 30% !important;
    background: transparent;
    border: 0px;
    width: 20%;
    height: 20%;
    font-size: 100px;
}


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

  .video-js .vjs-big-play-button {
    top: 30% !important;
    left: 40% !important;
    font-size: 70px;

  }


}


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

  .video-js .vjs-big-play-button {
    left: 40% !important;
    top: 30% !important;
    font-size: 50px;
  }


}



html, body {
   padding: 0px;
   margin: 0px;
}

.video-js .vjs-big-play-button:hover {
    background: transparent;
    border: 0px;
    margin: 0px;
}

.video-js .vjs-big-play-button:focus {
    background: transparent;
    border: 0px;
    margin: 0px;
}
.vjs-default-skin.vjs-user-inactive .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 0.5s, opacity 0.5s;
     -moz-transition: visibility 0.5s, opacity 0.5s;
      -ms-transition: visibility 0.5s, opacity 0.5s;
       -o-transition: visibility 0.5s, opacity 0.5s;
          transition: visibility 0.5s, opacity 0.5s;
}

.vjs-fade-out {
  display: block;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1.5s, opacity 1.5s;
     -moz-transition: visibility 1.5s, opacity 1.5s;
      -ms-transition: visibility 1.5s, opacity 1.5s;
       -o-transition: visibility 1.5s, opacity 1.5s;
          transition: visibility 1.5s, opacity 1.5s;

  /* Wait a moment before fading out the control bar */
  -webkit-transition-delay: 1s;
     -moz-transition-delay: 1s;
      -ms-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}