@font-face {
font-family: 'RG Condensed Regular';
src: url("fonts/rgcondensed_regular-webfont.eot");
src: url("fonts/rgcondensed_regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/rgcondensed_regular-webfont.woff") format("woff"), url("fonts/rgcondensed_regular-webfont.ttf") format("truetype"), url("fonts/rgcondensed_regular-webfont.svg#rg_condensed_regualr") format("svg");
font-weight: normal;
font-style: normal;
}
#videoplayerholder {
display: none;
}
.js .videoControlsTouch {
box-sizing: border-box;
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
}
.js .smallWidth .videoControls {
height: 48px;
}
.js .videoControls {
box-sizing: border-box;
display: block;
background: white;
width: 100%;
height: 48px;
text-align: left;
position: absolute;
bottom: 0;
opacity: 0;
}
.js .videoControls.hidden {
opacity: 0;
-moz-transition: opacity 0.5s ease-out 3s;
-o-transition: opacity 0.5s ease-out 3s;
-webkit-transition: opacity 0.5s ease-out;
-webkit-transition-delay: 3s;
transition: opacity 0.5s ease-out 3s;
}
.js .videoControls.visible, .js .videoControls:hover {
opacity: 1;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.js .videoControls .centerholder {
float: left;
width: 100%;
}
.js .videoControls .centercol {
margin: 0 180px 0 50px;
}
.js .videoControls .leftcol {
float: left;
width: 50px;
margin-left: -100%;
}
.js .videoControls .rightcol {
float: left;
width: 180px;
margin-left: -180px;
}
@media only screen and (min-width: 45em) {
.js .videoControls.ended {
opacity: 1;
}
.js .videoControls.ended.hidden {
background: #ffffff;
}
.js .videoControls.ended.hidden > * {
opacity: 0;
-moz-transition: opacity 0.5s ease-out 3s;
-o-transition: opacity 0.5s ease-out 3s;
-webkit-transition: opacity 0.5s ease-out;
-webkit-transition-delay: 3s;
transition: opacity 0.5s ease-out 3s;
}
.js .videoControls.ended.visible > *, .js .videoControls.ended:hover > * {
opacity: 1;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
}
.js video + .videoControls {
opacity: 1;
}
.js .flash .videoControls {
display: none;
}
.js button::-moz-focus-inner, .js button::-webkit-focus-inner {
padding: 0;
border: 0 none;
}
.js button {
position: relative;
float: left;
cursor: pointer;
color: #999999;
outline: none;
background: transparent;
border: none;
height: 48px;
padding: 0;
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
.js input[type="button"]::-moz-focus-inner {
padding: 0;
border: 0 none;
}
.js button:hover {
color: #ef7f44;
}
.js button.icon {
background: url(images/player_icons.png) no-repeat;
text-indent: -999999px;
position: relative;
}
.js button.icon.ecp-playBtn {
background-position: 0 0;
height: 27px;
width: 27px;
margin: 10.5px 6.5px 10.5px 11.5px;
}
.js button.icon.ecp-playBtn:hover {
background-position: 0 -37px;
}
.js button.icon.ecp-playBtn[data-state=pause] {
background-position: 0 -74px;
}
.js button.icon.ecp-playBtn[data-state=pause]:hover {
background-position: 0 -111px;
}
.js button.icon.ecp-muteBtn {
background-position: 0 -148px;
height: 19px;
width: 27px;
position: absolute;
margin: 14.5px 6.5px 14.5px 6.5px;
}
.js button.icon.ecp-muteBtn:hover {
background-position: 0 -177px;
}
.js button.icon.ecp-muteBtn[data-state=active] {
background-position: 0 -206px;
}
.js button.icon.ecp-muteBtn[data-state=active]:hover {
background-position: 0 -235px;
}
.js button.icon.ecp-captionsBtn {
display: none;
}
.js button.icon.fullScreenBtn {
background-position: 0 -264px;
height: 18px;
width: 18px;
right: 5px;
margin: 15px 11px 15px 11px;
}
.js button.icon.fullScreenBtn:hover {
background-position: 0 -292px;
}
.js button.icon[data-fullscreen=true] button.icon.fullScreenBtn {
background-position: 0 -320px;
height: 18px;
width: 18px;
margin: 15px 11px 15px 11px;
}
.js button.icon[data-fullscreen=true] button.icon.fullScreenBtn:hover {
background-position: 0 -349px;
}
.js button.icon.settings {
display: none;
}
.js button.icon.ecp-shareBtn {
display: none;
}
.js button.icon.popout {
display: none;
}
.js .ecp-liveBtn {
display: none;
border: 3px solid #4c4c4c;
line-height: 34px;
padding: 0 10px;
text-transform: uppercase;
font-size: 1em;
font-family: "RG Condensed Regular", Arial, Helvetica, sans-serif;
font-weight: normal;
}
.js .ecp-liveBtn[data-state=active] {
border-color: #ed1c24;
background-color: #ed1c24;
color: #ffffff;
}
.js.live_video .ecp-liveBtn {
display: block;
}
.js.live_video .centercol > div {
margin-right: 280px;
}
.js.live_video .rightcol {
width: 280px;
margin-left: -280px;
}
.js.live_video .progress {
visibility: hidden;
}
.js.live_video .curTimeText {
display: none;
}
.js.dvr_video .ecp-liveBtn {
display: block;
}
.js.dvr_video .centercol > div {
margin-right: 280px;
}
.js.dvr_video .rightcol {
width: 280px;
margin-left: -280px;
}
.js.dvr_video .rightcol {
width: 280px;
}
.js.dvr_video .curTimeText {
display: none;
}
.js.vod .ecp-captionsBtn {
display: none;
}
.js.tablet .ecp-muteBtn {
display: none;
}
.js.tablet .centercol > div {
margin-left: 10px;
}
.js.tablet .leftcol {
width: 10px;
}
.js .miscBtns:after {
content: "";
display: block;
clear: both;
}
.js .miscBtns button {
float: right;
}
.js .progress {
cursor: pointer;
position: relative;
left: 5px;
width: calc(100% - 10px);
}
.js .progress .progress_box {
float: left;
width: 100%;
height: 20px;
border-radius: 10px;
background: #f4f4f4;
margin: 14px 0 14px 0;
padding: 0px;
}
.js .progress .progress_box:hover .progress_time {
visibility: visible;
}
.js .progress .progress_bar {
float: left;
width: calc(100% - 17px);
left: 7px;
position: relative;
margin-top: 5px;
}
.js .progress .progress_bar:after {
content: "";
display: block;
clear: both;
}
.js .progress .play_progress {
float: left;
width: 0px;
height: 10px;
border-radius: 5px;
background-color: #ef7f44;
position: relative;
}
.js .progress .progress_marker {
position: absolute;
border-radius: 50%;
width: 10px;
height: 10px;
top: 0px;
right: -5px;
background-color: #c85a19;
z-index: 4;
-webkit-box-shadow: 1px 1px 1px 3px #f4f4f4;
-moz-box-shadow: 1px 1px 1px 3px #f4f4f4;
box-shadow: 1px 1px 1px 3px #f4f4f4;
}
.js .progress .play_time {
float: left;
margin: 27px 0 0 5px;
font-size: 10px;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
line-height: 1;
}
.js .volume {
position: relative;
float: right;
right: 90px;
}
.js .volume .volume_box {
visibility: hidden;
opacity: 0;
position: absolute;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
width: 40px;
height: 205px;
left: 0px;
top: -205px;
-moz-transition: all 0.5s ease-out 1s;
-o-transition: all 0.5s ease-out 1s;
-webkit-transition: all 0.5s ease-out;
-webkit-transition-delay: 1s;
transition: all 0.5s ease-out 1s;
}
.js .volume .volume_bar {
position: absolute;
top: 35px;
left: 50%;
margin-left: -4px;
width: 7px;
height: 170px;
cursor: pointer;
background: #999;
}
.js .volume .volume_bar:after {
content: " ";
position: absolute;
height: 10px;
width: 7px;
left: 0px;
top: -10px;
background-color: #999;
z-index: 4;
}
.js .volume .volume_progress {
width: 7px;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 0;
left: 0;
}
.js .volume .volume_marker {
position: absolute;
width: 17px;
height: 10px;
background-color: #fff;
left: -5px;
top: -10px;
z-index: 5;
}
.js .share {
position: relative;
float: right;
margin-left: 15px;
}
.js .share.active .share_bar {
visibility: visible;
}
.js .share .share_bar {
visibility: hidden;
position: absolute;
width: 60px;
bottom: 50px;
background-color: rgba(0, 0, 0, 0.8);
left: -9px;
padding: 5px 10px 15px;
margin: 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.js .share .share_bar li {
width: 40px;
height: 30px;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0;
}
.js .share .share_bar li a {
display: block;
height: 30px;
padding-top: 5px;
}
.js .share .share_bar li a:hover {
background: #fff;
}
.js .share .share_bar li img {
width: 18px;
display: block;
margin: 0 auto;
}
.js .share .share_bar .mail a {
padding-top: 3px;
}
.js .share .share_bar .facebook a {
padding-top: 6px;
}
.js .share .share_bar .gplus a {
padding-top: 6px;
}
.js .share .share_bar .link a {
padding-top: 6px;
}
.js .share .share_bar .link.open a {
background: #FFF;
}
.js .share .link {
position: relative;
cursor: pointer;
}
.js .share .link .link_url {
position: absolute;
top: 0;
right: 40px;
width: 160px;
height: 30px;
background: #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.js .share .link .link_url.open {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.js .share .link input {
width: 140px;
height: 20px;
padding-left: 5px;
margin-left: 5px;
margin-top: 5px;
line-height: 20px;
font-size: 14px;
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
background-color: #00437C;
border: 0;
}
.js .share_overlay {
display: none;
}
.playerwrapper:-webkit-full-screen {
width: 100%;
height: 100%;
}
.playerwrapper:-moz-full-screen {
width: 100%;
height: 100%;
}
.playerwrapper:-ms-fullscreen {
width: 100%;
height: 100%;
}
.playerwrapper:fullscreen {
width: 100%;
height: 100%;
}
.playerwrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
background: #000000;
position: relative;
font-size: 16px;
display: none;
}
.playerwrapper .ratio {
display: block;
width: 100%;
height: auto;
}
.playerwrapper .playerPoster {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.playerwrapper .subtitle {
display: none;
position: absolute;
z-index: 2;
top: 10%;
left: 10%;
right: 5%;
color: #ffffff;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
font-family: Arial;
}
.playerwrapper .fs-control {
position: fixed;
bottom: 0;
left: 0;
z-index: 2200;
}
.playerwrapper.tablet button.icon.ecp-captionsBtn:hover {
background-position: -40px 0px;
}
.playerwrapper.tablet button.icon.ecp-captionsBtn:hover[data-state=active] {
background-position: -40px -80px;
}
.playerwrapper.tablet button.icon.ecp-shareBtn:hover {
background-position: -80px 0px;
}
.playerwrapper.tablet button.icon.ecp-shareBtn:hover[data-state=active] {
background-position: -80px -80px;
}
.playerwrapper.tablet button.icon.ecp-muteBtn, .playerwrapper.phone button.icon.ecp-muteBtn {
display: none;
}
.playerwrapper .fullsizeVideo {
position: fixed;
left: 0;
top: 0;
}
.playerwrapper .timeText {
height: 48px;
line-height: 48px;
float: left;
margin-left: 5px;
margin-right: 5px;
width: 80px;
}
.playerwrapper .durTimeText {
color: #ef7f44;
font-size: 0.75em;
font-family: "RG Condensed Regular", Arial, Helvetica, sans-serif;
font-weight: normal;
}
.playerwrapper .progress_time {
visibility: hidden;
position: absolute;
right: -10px;
top: calc(-1em - 3px);
}
.playerwrapper .curTimeText {
font-family: "RG Condensed Regular", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 0.75em;
color: #ef7f44;
}
.playerwrapper .curTimeText:after {
content: "/";
}
.playerwrapper .loaderContainer {
display: none;
width: 47px;
height: 47px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
.playerwrapper .loader {
margin: 0;
font-size: 5px;
position: relative;
text-indent: -9999em;
border-top: 5px solid #ffffff;
border-right: 5px solid rgba(255, 255, 255, 0.2);
border-bottom: 5px solid #ffffff;
border-left: 5px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.5s infinite linear;
}
.playerwrapper .loader,
.playerwrapper .loader:after {
border-radius: 50%;
width: 7em;
height: 7em;
max-width: 35px;
max-height: 35px;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.playerwrapper .overlayQos {
border: none;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0px;
left: 0px;
padding: 5px;
}
.playerwrapper div.overlayQos td {
white-space: nowrap;
}
.playerwrapper .qosText {
color: #F4FA58;
font-size: 10px;
font-family: 'Arial';
}
.playerwrapper #playertech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.smallWidth_old {
/*
.centered_icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background:transparent no-repeat center center;
@include centered_icon_size(45px);
@include breakpoint(small) { @include centered_icon_size(54px); }
@include breakpoint(xlarge) { @include centered_icon_size(70px); }
&.play { @include resizable_icon('/images/now/btn_play.png'); }
*/
}
.smallWidth_old .playerwrapper.live_video .centercol > div {
margin-right: 110px;
}
.smallWidth_old .playerwrapper.live_video .rightcol {
width: 110px;
margin-left: -110px;
}
.smallWidth_old .playerwrapper.live_video .timeText {
opacity: 0;
}
.smallWidth_old .playerwrapper.dvr_video .centercol > div {
margin-right: 110px;
}
.smallWidth_old .playerwrapper.dvr_video .rightcol {
width: 110px;
margin-left: -110px;
}
.smallWidth_old .playerwrapper.dvr_video .timeText {
opacity: 0;
}
.smallWidth_old .playerwrapper.tablet .centercol > div, .smallWidth_old .playerwrapper.phone .centercol > div {
margin-left: 40px;
}
.smallWidth_old .playerwrapper.tablet .leftcol, .smallWidth_old .playerwrapper.phone .leftcol {
width: 40px;
}
.smallWidth_old .playerwrapper .subtitle {
font-size: 10px;
top: 5%;
right: 12%;
}
.smallWidth_old .playerwrapper .ecp-liveBtn {
font-size: 0.75em;
padding: 0 2px;
border-width: 2px;
line-height: normal;
height: auto;
margin-top: 10px;
}
.smallWidth_old .playerwrapper button.icon.ecp-captionsBtn {
background-position: -40px -160px;
}
.smallWidth_old .playerwrapper button.icon.ecp-captionsBtn:hover {
background-position: -40px -200px;
}
.smallWidth_old .playerwrapper button.icon.ecp-captionsBtn[data-state=active] {
background-position: -40px -200px;
}
.smallWidth_old .playerwrapper button.icon.fullScreenBtn {
background-position: -120px -160px;
}
.smallWidth_old .playerwrapper button.icon.fullScreenBtn:hover {
background-position: -120px -200px;
}
.smallWidth_old .playerwrapper button.icon.popout {
background-position: -200px -160px;
}
.smallWidth_old .playerwrapper button.icon.popout:hover {
background-position: -200px -200px;
}
.smallWidth_old .playerwrapper button.icon.settings {
float: right;
display: inline;
background-position: -240px 0;
}
.smallWidth_old .playerwrapper button.icon.settings:hover {
background-position: -240px -40px;
}
.smallWidth_old .playerwrapper button.icon.settings[data-state=active] {
background-position: -240px -40px;
}
.smallWidth_old .playerwrapper.tablet button.icon.ecp-muteBtn, .smallWidth_old .playerwrapper.phone button.icon.ecp-muteBtn {
display: none;
}
.smallWidth_old .playerwrapper.tablet button.icon.ecp-captionsBtn:hover, .smallWidth_old .playerwrapper.phone button.icon.ecp-captionsBtn:hover {
background-position: -40px -160px;
}
.smallWidth_old .playerwrapper.tablet button.icon.ecp-captionsBtn:hover[data-state=active], .smallWidth_old .playerwrapper.phone button.icon.ecp-captionsBtn:hover[data-state=active] {
background-position: -40px -200px;
}
.smallWidth_old .playerwrapper.tablet button.icon.fullScreenBtn:hover, .smallWidth_old .playerwrapper.phone button.icon.fullScreenBtn:hover {
background-position: -120px -160px;
}
.smallWidth_old .playerwrapper.tablet button.icon.ecp-shareBtn:hover, .smallWidth_old .playerwrapper.phone button.icon.ecp-shareBtn:hover {
background-position: -80px 0;
}
.smallWidth_old .playerwrapper.tablet button.icon.ecp-shareBtn:hover[data-state=active], .smallWidth_old .playerwrapper.phone button.icon.ecp-shareBtn:hover[data-state=active] {
background-position: -80px -80px;
}
.smallWidth_old .playerwrapper.tablet button.icon.settings:hover, .smallWidth_old .playerwrapper.phone button.icon.settings:hover {
background-position: -240px 0;
}
.smallWidth_old .playerwrapper.tablet button.icon.settings:hover[data-state=active], .smallWidth_old .playerwrapper.phone button.icon.settings:hover[data-state=active] {
background-position: -240px -40px;
}
.smallWidth_old .playerwrapper .miscBtns {
visibility: hidden;
position: absolute;
right: 5px;
bottom: 44px;
width: 40px;
padding-right: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.ie8 .smallWidth_old .playerwrapper .miscBtns {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#CC000000')";
}
.smallWidth_old .playerwrapper .settings[data-state=active] + .miscBtns {
visibility: visible;
}
.smallWidth_old .playerwrapper .volume {
margin-left: 0;
padding: 0 4px;
}
.smallWidth_old .playerwrapper .volume .volume_box {
height: 122px;
top: -124px;
}
.smallWidth_old .playerwrapper .volume .volume_bar {
top: 22px;
height: 100px;
}
.smallWidth_old .playerwrapper .share .share_bar {
display: none;
visibility: hidden;
}
.smallWidth_old .playerwrapper .timeText {
padding-left: 10px;
margin-right: 0px;
}
.smallWidth_old .playerwrapper .durTimeText {
font-size: 0.75em;
}
.smallWidth_old .playerwrapper .curTimeText {
font-size: 0.75em;
}
.smallWidth_old .playerwrapper .share_overlay {
display: block;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay {
background-color: rgba(0, 0, 0, 0.8);
}
.ie8 .smallWidth_old .playerwrapper .share_overlay .socialOverlay {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#CC000000')";
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .header {
display: none;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .social_box {
width: 180px;
height: 70px;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .social_box > div img {
width: 19px;
height: 19px;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .social_box .link {
box-sizing: content-box;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .social_box .link img {
width: 12px;
height: 13px;
right: 14px;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .social_box .link .link_url input {
height: 20px;
line-height: 20px;
font-size: 0.75em;
}
.smallWidth_old .playerwrapper .share_overlay .socialOverlay .close {
width: 18px;
height: 19px;
top: 15px;
right: 15px;
background-image: url("images/btn_social_close.png");
background-position: 0 0;
background-size: 100%;
}
.smallWidth_old .playerwrapper .socialOverlay {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.85);
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.ie8 .smallWidth_old .playerwrapper .socialOverlay {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9FFFFFF', endColorstr='#D9FFFFFF')";
}
.smallWidth_old .playerwrapper .socialOverlay .header {
text-align: center;
font-family: "Source Sans Pro Bold", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 1.333em;
text-transform: uppercase;
margin-top: 10px;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box {
position: absolute;
width: 167px;
height: 85px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box > div {
display: inline-block;
margin-left: 25px;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box > div:first-child {
margin-left: 0;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box > div img {
width: 23px;
height: 22px;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box .link {
position: relative;
margin-top: 23px;
padding-right: 30px;
width: 100%;
margin-left: -15px;
background: #ffffff;
border: 1px solid #999999;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box .link img {
width: 12px;
height: 13px;
position: absolute;
top: 0;
right: 14px;
bottom: 0;
margin: auto 0;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box .link .link_url {
background: #ffffff;
padding: 5px;
box-sizing: border-box;
}
.smallWidth_old .playerwrapper .socialOverlay .social_box .link input {
width: 100%;
height: 23px;
padding: 2px 5px 0;
margin-top: 0;
cursor: text;
line-height: 23px;
font-size: 1em;
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
background-color: #00437C;
border: 0;
}
.smallWidth_old .playerwrapper .socialOverlay.active {
visibility: visible;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.smallWidth_old .playerwrapper .socialOverlay .close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}