.video-player {
position:relative;
cursor:pointer;
}

.video-wrapper {
height:100%;
width:100%;
position:absolute;
background:#000;
top:0;
left:0;
overflow:hidden;

}

.video-wrapper:-webkit-full-screen {
width:100%;
height:100%;
}

.wsjVideoPlayer > .video-wrapper:-webkit-full-screen {
position:relative!important;
}

.video-wrapper .video-time {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:46px;
line-height:46px;
display:inline-block;
margin-top:1px;
float:left;
margin-left:10px;
text-shadow:1px 1px 1px rgba(0,0,0,1);
}

.video-wrapper .video-controls Button:HOVER {
opacity:1;
}

.video-wrapper .video-controls {
width:100%;
height:46px;
line-height:46px;
text-align:left;
direction:ltr;
display:block;
position:absolute;
text-shadow:0 0 2px rgba(0,0,0,.5);
bottom:-46px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAuCAYAAAAC2MhpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY4QUUzQjY5MjFGMTFFNTgyOEM4QkVBNzY2MkNDRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY4QUUzQjc5MjFGMTFFNTgyOEM4QkVBNzY2MkNDRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjhBRTNCNDkyMUYxMUU1ODI4QzhCRUE3NjYyQ0NENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjhBRTNCNTkyMUYxMUU1ODI4QzhCRUE3NjYyQ0NENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYzS0EAAABASURBVHjaYvr//z8DCDMxMjIygzALAwMDExAzgBjMuBksuEXgDFZSREhisFBJFx4RFiK8jMlADTowj3wGQIABAL52B0MTjTd4AAAAAElFTkSuQmCC);
background-repeat:repeat-x;
background-position:bottom;
animation-name:fadeIn;
-webkit-animation-name:fadeIn;
animation-duration:.5s;
z-index:3;
-webkit-transition-property:top, bottom;
-webkit-transition-duration:.2s;
}

.video-wrapper .video-controls-wrapper {
width:100%;
height:100%;
position:static;
}

.video-wrapper .video-adContainer {
height:100%;
width:100%;
z-index:2;
position:absolute;
left:0;
top:0;
}

.video-wrapper .disableMouse {
pointer-events:none;
}

.video-wrapper .video-controls .f-r {
float:right;
margin-right:10px;
}

.video-wrapper .video-controls .f-l {
float:left;
}

.video-wrapper .video-scrub {
position:absolute;
width:100%;
top:5px;
height:5px;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
}

.video-wrapper .video-scrub-hover:HOVER {
position:absolute;
width:100%;
top:2px;
height:10px;
}

.video-wrapper .video-scrub div {
position:absolute;
width:100%;
height:100%;
bottom:5px;
-webkit-transition:width .2s;
transition:width .2s;
}

.video-wrapper .video-scrub .video-scrub-padding {
height:15px;
}

.video-wrapper .video-scrub .video-scrub-progress {
left:0;
background:#0087C6;
width:0;
border-right:#FFF 2px solid;
}

.video-wrapper .adSkip {
	background: url("skip_ad.png") no-repeat scroll 0 0 transparent;
	bottom: 50px;
	display: block;
	right: 0px;
	position: absolute;
	text-indent: -9999px;
	width: 165px;
	height: 45px;
	overflow:hidden;
	border:#FFF 1px solid;
	z-index: 2;
	display:none;
}

.video-wrapper .video-scrub .video-ad-progress {
background: #bc9a00; 
background: -moz-linear-gradient(top,  #bc9a00 0%, #ffcc00 100%);
background: -webkit-linear-gradient(top,  #bc9a00 0%,#ffcc00 100%); 
background: linear-gradient(to bottom,  #bc9a00 0%,#ffcc00 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc9a00', endColorstr='#ffcc00',GradientType=0 );
height:5px;
width:0;
display:none;
transition:width 1s;
transition-timing-function:linear;
}

.video-wrapper .video-scrub-background {
background:rgba(255,255,255,.2);
}

.video-wrapper .video-controls::before {
content:'';
display:inline-block;
height:100%;
width:12px;
}

.video-wrapper .video-loading {
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
text-align:center;
top:50%;
margin-top:-40px;
pointer-events:none;
z-index:4;
}

.video-wrapper .video-loading .video-loading-inner {
position:relative;
display:inline-block;
font-size:8px;
text-indent:999em;
overflow:hidden;
pointer-events:none;
height:75px;
width:75px;
background:#000 url(loading.gif) no-repeat center;
border-radius:15px;
opacity:.8;
margin:0 .5em;
}

.video-wrapper .gradient-bottom {
bottom:0;
box-shadow:inset 0 -120px 90px -90px rgba(8,8,8,.8);
height:120px;
width:100%;
position:absolute;
-moz-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);
transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);
pointer-events:none;
}

to {
opacity:1;
transform:scale(1);
}

.video-wrapper .videoMsg {
color:#FFF;
line-height:150%;
font-family:Verdana, Geneva, sans-serif;
position:absolute;
top:20px;
text-align:center;
width:100%;
}

.video-wrapper .videoMsg span {
font-size:12px;
}

.video-wrapper .videoMsg img {
border:none;
height:auto;
width:auto;
margin:0 auto;
}

.video-controls > .video-volume {
margin-left:5px;
}

.video-controls > .video-volume:hover .video-volume-slider {
display:block!important;
visibility:visible;
}

.video-controls > .video-volume > .video-volume-slider {
height:42px;
width:80px;
visibility:hidden;
position:absolute;
top:4px;
left:75px;
}

.video-volume-slider > div {
position:absolute;
display:block;
top:18px;
}

.video-volume-slider > .video-volume-b {
width:80px;
height:3px;
background-color:rgba(255,255,255,.2);
}

.video-volume-slider > .video-volume-v {
width:50px;
height:3px;
background-color:#0087C6;
}

.video-volume-slider > .video-volume-h {
width:3px;
height:12px;
background-color:#CCC;
top:14px;
}

.video-volume-g-videoplayer {
height:46px;
width:32px;
display:block;
position:absolute;
top:8px;
}

.video-wrapper .video-advertisment {
bottom:-41px;
}

.video-wrapper:HOVER > .video-controls {
bottom:0;
}


.video-wrapper:HOVER > .static {
bottom:0px !important;
}

.video-wrapper > .control_static{
	bottom:0px !important;	
}

.video-wrapper .vidThumb {
top:0;
height:100%;
width:100%;
background-size:contain;
z-index:4;
background-color:#000;
position:absolute;
cursor:pointer;
background-repeat:no-repeat;
background-position:center center;
}

.video-wrapper .vidThumb:before,.video-play-overlay:before {
content:"";
position:absolute;
left:0;
right:0;
top:50%;
background:url(play_btn.svg) 0 0 no-repeat;
pointer-events:none;
width:65px;
height:65px;
margin:-32.5px auto 0;
}

.video-wrapper:hover .vidThumb:before,.video-wrapper:hover .video-play-overlay:before {
background:url(play_btn_o.svg) 0 0 no-repeat;
}

.video-wrapper .video-share {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:6;
background:#000;
text-align:center;
-moz-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);
transition:opacity .25s cubic-bezier(0.0,0.0,0.2,1);
display:none;
}

.video-wrapper ul.share-buttons {
list-style:none;
padding:0;
}

.video-share {
cursor:default;
}
/*
.video-wrapper .share-link  {
position: absolute;
top: 40%;
margin-top:-40px;
line-height:30px;
font-size:1.3em;
width: 100%;
font-family:Arial, Helvetica, sans-serif;
}
*/
.video-wrapper .share-link a {
	color:#FFF;
	text-decoration:none;
}
.video-wrapper .share-link a:HOVER {
	color:#84C0EA;
}

.video-wrapper .video-share .closeBtn {
position:absolute;
top:6px;
right:12px;
width:36px;
height:36px;
cursor:pointer;
padding:6px;
}

.video-wrapper ul.share-buttons li {
cursor:pointer;
display:inline-block;
margin:5px;
width:42px;
height:42px;
}

.video-wrapper ul.share-buttons img:hover {
transform:scale(1.3);
}

.video-wrapper ul.share-buttons img {
width:42px;
height:42px;
transition:all .1s ease-in-out;
position:relative;

}

.video-wrapper .share-embed {
position:absolute;
width:100%;
}

table.shareTable{
	width:70%;	
	margin: 0 auto;
}

table.share-wrapper{
	vertical-align:middle;
	width:100%;
	height:100%;	
}

table.share-wrapper tr td{
	vertical-align:middle;
}

.shareTable input  {
width: 100%;
height:30px;
font-size:1.2em;
border-radius: 2px;
border: none;
padding: 5px;
background: #EFEFEF;
color:#525252;
display:block;
    margin-bottom: 20px;
}

.shareTable label{
	font-weight:bold;
	color:#FFF;
	margin-bottom:10px;
}

.video-wrapper .captionsList,.video-wrapper .bitrateList {
background-color:rgba(0,0,0,.8);
position:absolute;
bottom:46px;
right:60px;
z-index:1;
overflow:hidden;
-webkit-transition:max-height .2s;
-moz-transition:max-height .2s;
-ms-transition:max-height .2s;
-o-transition:max-height .2s;
transition:max-height .2s;
max-height:0;
}

.video-wrapper .captionsList .ccList,.video-wrapper .bitrateList .bitList {
margin:0;
padding:0;
}

.video-wrapper .captionsList .ccList li,.video-wrapper .bitrateList .bitList li {
list-style:none;
border-left-width:0;
border-right-width:0;
padding:3px 5px;
}

.video-wrapper .captionsList .ccList li.selected,.video-wrapper .bitrateList .bitList li.selected {
background-color:rgba(83,83,83,.8);
}

.video-wrapper .captionsList .ccList li:hover,.video-wrapper .bitrateList .bitList li:hover {
background-color:rgba(93,93,93,.8);
}

.video-wrapper .captionsList .ccList li a,.video-wrapper .bitrateList .bitList li a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-align:center;
line-height:18px;
padding:2px 15px;
}

.video-wrapper > .vrWrapper{
	height:100%;
	width:100%;
	position: absolute;
	z-index: 2;
	top:0;
}
.video-wrapper > .vrWrapper canvas{
	height:100%;
	width:100%;
	cursor:move;
}

.video-wrapper > video,.video-wrapper .video-play-overlay,.video-wrapper > video,.video-wrapper .video-play-overlay {
display:none;
}

.video-wrapper svg,.video-wrapper svg,.video-wrapper .video-loading-inner {
fill:#FFF;
-webkit-filter:drop-shadow(1px1px1px#000);
filter:drop-shadow(2px2px1px#000);
animation-name:fadeIn;
-webkit-animation-name:fadeMoveIn;
animation-duration:.15s;
-webkit-animation-duration:.15s;
animation-timing-function:ease-in-out;
-webkit-animation-timing-function:ease-in-out;
visibility:visible!important;
}

.video-controls > .video-volume:hover,.video-volume {
width:120px;
}

.video-wrapper .video-controls Button,.video-wrapper div.video-volume,.video-wrapper .video-controls Button {
width:32px;
height:100%;
display:inline-block;
overflow:hidden;
border:none;
background-color:transparent;
color:inherit;
text-align:inherit;
font-size:100%;
font-family:inherit;
cursor:pointer;
line-height:inherit;
opacity:.8;
outline:none;
transition:all .5s ease;
-webkit-font-smoothing:antialiased;
transform-origin:50% 50%;
padding:0;
}

.shareCopy{
line-height: 30px;
border: none;
background-color: #84C0EA;
color: #FFF;
cursor: pointer;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
margin: 0 0 0 10px;
font-size: 16px;
width: 85px;
border-radius: 2px;
padding: 3px 5px;
text-align:center;
    font-weight: bold;
}

/* Marketwatch Hack */
.over-video { z-index: 6; }