
.video-js .bravo {
  z-index: 0;
}

.vjs-control-bar {
  z-index: 1;
}
/*-----PLAY BUTTON-----*/
.video-js .vjs-big-play-button { display: none; }

.mybtn {
  height: 73px;
  width: 73px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -36.5px 0 0 -36.5px;
}

.section {
  position: relative;
}

/*-----//PLAY BUTTON end-----*/

/*-- just inplayer iframe --*/
#inplay-ifr {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.inplay-ifr-wrap {
	position: relative;
	background-color: #272727;
	min-height: 270px;
  height: 0;
  padding-bottom: 75%;
}

.bravo-inpl {
	max-width: 440px;
	/*position: absolute;*/
	width: 49%;
	min-width: 300px;
	max-height:329px;
	height:66%;
	min-height:270px;
	/*margin: 0.7% 0 0 -24.5% !important;*/
	margin: -27.5% 0 0 -220px !important;
	top: 50% !important;
  left: 50% !important;
}

#inplay-ifr iframe {
  margin: -115px 0 0 -150px;
  width: 300px;
  left: 50%;
  top: 50%;
  position: absolute;
  height: 250px;
}

/*-----------fullscreen-------------*/

.vjs-fullscreen .bravo-inpl {
	margin: -270px 0 0 -240px !important;
  top: 50% !important;
	max-width: 480px;
	max-height: 360px;
}

@media screen and (max-width: 980px){
  .vjs-fullscreen .bravo-inpl {
	  margin: -27.5% 0 0 -24.5% !important;
    top: 50% !important;
	  max-width: 480px;
  }
}
	
@media screen and (max-width: 900px){
  .vjs-fullscreen .bravo-inpl {
	  margin: -27.5% 0 0 -24.5% !important;
    top: 50% !important;
  }
}

@media screen and (max-width: 610px){
  .vjs-fullscreen .bravo-inpl {
	  margin: -27.5% 0 0 -150px !important;
    top: 50% !important;
  }
}


/*-- END OF: just inplayer iframe --*/

.left3 {
	float: left;
	overflow: hidden;
	width: 25%;
}

.frameplus2 {
  min-width: 300px;
  width: 50%;
  max-width: 480px;
  margin: 0 auto;
  /* position: absolute; */
  float: left;
  overflow: hidden;
  padding-top: 37.5%;
}

.right3 {
	float: left;
	overflow: hidden;
	width: 25%;
}

.related_wrap {
  padding-bottom: 55%;
  margin: -27.5% 0 0 -49%;
  width: 98%;
  left: 50%;
  top: 50%;
  height: 0;
  position: absolute;
  min-width: 720px;
  max-width: 960px;
  min-height: 405px;
  max-height: 540px;
  overflow: hidden;
}

.bravoheight {
	height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute; 
}

.vjs-fullscreen .frameplus2 {max-width: 480px;}

/*
@media screen and (max-width: 960px){
	.bravo-inpl{
		margin: -25% 0 0 -150px !important;
	}
}
*/

@media screen and (max-width: 994px){
	.related_wrap{
		margin: -27.5% 0 0 -49% !important;
	}
}


@media screen and (max-width: 911px){
	.bravo-inpl{
		margin: -27.5% 0 0 -24.5% !important;
	}
}

@media screen and (max-width: 622px){
	.bravo-inpl{
		margin: 0 0 0 -150px !important;
		top: 1% !important;
	}
}


@media screen and (min-width: 980px){
	.vjs-fullscreen .related_wrap {margin: -270px 0 0 -480px;}
}

@media screen and (max-width: 767px){
	.vjs-fullscreen .bravo  {display: block;}
	.bravo  {display: none;}
}

@media screen and (max-width: 734px){
  .vjs-fullscreen .bravo  {display: none;}
}




.right3 .vjs-rel-thmb, .left3 .vjs-rel-thmb {
  width: 100%;
}

.frameplus2 .vjs-rel-thmb {
  width: 50%;
}

.frameheight {
  overflow: hidden;
  display: none;
  height: 0;
  padding-bottom: 75%;
  position: relative;
  background-color: #1f1f1f;
}

.frameheight iframe {
  margin: -115px 0 0 -150px;
  width: 300px;
  left: 50%;
  top: 50%;
  position: absolute;
  height: 250px;
}


.vjs-rel-thmb {
  min-width: 180px;
  position: relative;
  float: left;
  height: auto;
  padding: 0%;
  overflow: hidden;
}

.vjs-rel-thmb a:hover span {
  display:none;
}

.vjs-rel-thmb span {
  padding: 2px;
	height: 28px;
	overflow: hidden;
  position: absolute;
  top: 4px;
  left: 4px;
	right: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  opacity: 0.6;
  background: #000;
  color: white;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
}

.vjs-rel-thmb img {
  width: 100%;
  height: auto;
  display: block;
}

.twothumbs {
	width: 100%;
}

.frame_title {
  height: 20px;
  background-color: #044161;
  padding: 0;
  color: #fff;
  margin: 0;
  font-size: 14px;
  text-align: left;
	font-family: arial;
	line-height: 20px;
}

.frame_title_left {
	float: left;
	margin-left: 10px;
}

.frame_title_right {
	float: right;
	margin-right: 10px;
	cursor: pointer;
  padding: 0 4px;
  background-color: #565656;
  color: white;
  display: block;
  z-index: 999;
}

.frame_title_right:hover {
	background-color: red;
}


.frame_wrap {
	text-align: center;
}

.video-js.vjs-fluid {
  overflow: hidden;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 100px;
  width: 100px;
  /*display: block;*/
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: none;
  background-color: #2B333F;
  background: url(/player/btn_play_old.png);
}

.video-js .vjs-big-play-button:before {
  content: "";
}

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  background-color: transparent;
}

.video-view .player {
  margin: 0;
}

.bravoplayer-dimensions.vjs-fluid {
  /*padding-top: 0;*/ 
}