
.video-js .vjs-menu-button ul li {
	padding: 4px 0;
	list-style: none;
}

.video-js .vjs-control[class^="icon-"]:before,
.video-js .vjs-control[class*=" icon-"]:before {
	font-family:'FontAwesome';

}

.video-js .vjs-control[class^="icon-share"]:before,
.video-js .vjs-control[class*=" icon-share"]:before {
	font-family:'VideoJS';

}


.video-js .vjs-social-button .vjs-menu .vjs-menu-content {
	height: auto;
	max-height: none;
	left: -12em;
}
.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item {
    float: left;
    padding: 0px;
    margin-right: 10px;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-facebook:hover::before {
background-color: #284191;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-facebook:before {
    content: "\f09a";
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 23px;
    padding-bottom: 13px;
    background-color: #3853aa;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-twitter:hover::before {
background-color: #03b0ca;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-twitter:before {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 13px;
    background-color: #13c6e1;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-tumblr:hover::before {
background-color: #0d2c50;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-tumblr:before {
    padding-top: 15px;
    padding-left: 21px;
    padding-right: 22px;
    padding-bottom: 14px;
    background-color: #133c6a;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff;
}


.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-google-plus:hover::before {
background-color: #c85602;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-google-plus:before {
    padding-top: 15px;
    padding-left: 17px;
    padding-right: 15px;
    padding-bottom: 14px;
    background-color: #e76200;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff;
}


.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-envelope:hover::before {
background-color: #6e6e6e;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-envelope:before {
    padding-top: 13px;
    padding-left: 15px;
    padding-right: 14px;
    padding-bottom: 16px;
    background-color: #818181;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-code:hover::before {
background-color: #6e6e6e;
}

.video-js .vjs-social-button .vjs-menu .vjs-menu-content li.vjs-menu-item  .icon-code:before {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 13px;
    padding-bottom: 14px;
    background-color: #818181;
    border-radius: 3px;
    font-size: 30px;
    color: #ffffff;
}

.video-js .vjs-embed-window {
	position: fixed;
	z-index: 100;
  left: 0;
	top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  height: 170px;
        	
	background: none;
	border-radius: 2px;
	
	/* Fade */
	
	-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;
}

/* Fading sytles, used to fade embed window. */
.video-js .vjs-embed-window.vjs-fade-in {
  display: block !important;
  visibility: visible; /* Needed to make sure things hide in older browsers too. */
  opacity: 1;
}
.video-js .vjs-embed-window.vjs-fade-out {
  display: block !important;
  visibility: hidden;
  opacity: 0;
}

.video-js .vjs-embed-window .vjs-embed-title {
	margin-top: 0;
	padding: 0px
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.video-js .vjs-embed-window textarea {
	font-family: arial;
	width: 430px;
	height: 120px;
	font-size: 14px;
	margin: 0px;
  border: 1px solid #fff;
  border-radius: 3px;
	background: rgba(0, 0, 0, 0.9);		
	padding: 15px 15px;
	color: #fff;
}

.video-js .vjs-embed-window textarea::selection {
background-color: rgba(194,30,36,0.7);
}


.video-js .vjs-embed-window .icon-remove-sign {
	position: absolute;
	top: 0px;
	right: 44px;	
	cursor: pointer;
	font-size: 1.5em;
	color: #fff;
}

.video-js .icon-share:before {
  content: "\e00e";
}

.vjs-default-skin .vjs-menu {
}

.vjs-default-skin .vjs-menu close {
    width: 20px;
    height: 20px;
    padding: 0px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
.vjs-default-skin .vjs-menu close .icon-remove-sign {

cursor: pointer;
    font-size: 2em;
    color: #fff;
    opacity: 0.8;
  }

  .vjs-default-skin .vjs-menu close .icon-remove-sign:hover {
    opacity: 1;
  }