@font-face {
  font-family: iconfont_ext;
  font-family: 'iconfont_ext';
	src: url("../../player/videojs/lib/font/iconfont_ext.eot");
	src: url("../../player/videojs/lib/font/iconfont_ext.eot?#iefix") format("eot"),
       url("../../player/videojs/lib/font/iconfont_ext.woff") format("woff"),
       url("../../player/videojs/lib/font/iconfont_ext.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;

    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.vjs-resolution-button .vjs-menu-icon:before {

  font-family: iconfont_ext;
    content: '\E893';
  font-weight: normal;
  font-style: normal;
  font-size: 2.2em;
  line-height: 1.35;
      -o-transition:.8s;
  -ms-transition.8s;
  -moz-transition:.8s;
  -webkit-transition:.8;
}
.vjs-resolution-button:hover {
  color:#32b4e6;
}
.vjs-resolution-button .vjs-resolution-button-label {
    color:black;
  font-size: 1em;
  line-height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: inherit;
}

.vjs-resolution-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: 50%; /* Center the menu, in it's parent */
  margin-left: -2em; /* half of width, to center */
}

.vjs-resolution-button .vjs-menu li {
  text-transform: none;
  font-size: 1em;
  background-color: #b0b0b0;
}
.vjs-resolution-button .vjs-menu li:hover {
  background-color: #c5c5c5;
}
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover{
  background-color: #fff;
}
@media only screen and (min-width: 1280px){
   .vjs-resolution-button .vjs-menu-icon:before {


  font-size: 1.8em;
  line-height: 1.55;
  
}
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
   .vjs-resolution-button .vjs-menu-icon:before {


  font-size: 1.8em;
  line-height: 1.55;
  
}
}
@media only screen and (min-width: 370px) and (max-width: 799px) {
   .vjs-resolution-button .vjs-menu-icon:before {


  font-size: 1.8em;
  line-height: 1.55;
  
}
}
@media only screen and (max-width: 369px) {
  .vjs-resolution-button .vjs-menu-icon:before {


  font-size: 1.3em;
  line-height: 2.8;
  
}
.vjs-resolution-button .vjs-menu .vjs-menu-content {
  width: 3em;
  left: 46%; /* Center the menu, in it's parent */
  margin-left: -2em; /* half of width, to center */
  bottom:.8em;
}
.vjs-resolution-button .vjs-menu li {
  text-transform: none;
  font-size: .8em;
  line-height: 1em;
}
}