/* video-box */
.video-box {
	background:		#373737;
	height:			1%;
	overflow:		hidden;
	padding:		8px 9px 3px 9px;
	
}


.video-box-view {	
	background:		#F7F7F7;
	height:			1%;
	overflow:		hidden;
	padding:		8px 9px 3px 9px;
	
}


.video-box.video-box-section .linkBox {
	margin-left:	0px;
	margin-top:	0px;
	padding-top:	0px;
	background:	url('/National_Library/20160526010038oe_/https://www.themarker.com/images/logos/best_logo.png') no-repeat 100% 82%;
	padding-top: 6px;
	height:	30px;
	width:			450px;
}


.video-box-view.video-box-view-section .linkBox {
	margin-left:	0px;
	margin-top:	0px;
	padding-top:	0px;
	background:	url('/National_Library/20160526010038oe_/https://www.themarker.com/images/logos/best_logo.png') no-repeat 100% 82%;
	padding-top: 6px;
	height:	30px;
	width:			450px;
} 



.video-box .linkBox {
	display:		block;
	border-top:		1px dotted #B5BA9C;
	float:			left;
	margin-left:	33px;
	padding-top:	3px;
	position:		relative;
	top:			0px;
}

.video-box-view .linkBox {
	display:		block;
	border-top:		1px dotted #B5BA9C;
	float:			left;
	margin-left:	33px;
	padding-top:	3px;
	position:		relative;
	top:			0px;
}



.video-box strong {
	color:			#FFF;
	float:			left;	
	font-size:		20px;
	margin-bottom:	6px;
}

/*
.video-box-view strong {
	
	float:			left;	
	font-size:		20px;
	margin-bottom:	6px;
}
*/

.video-box-view-logo {
	background: url('/National_Library/20160526010038oe_/https://www.themarker.com/images/logos/logo_tm_tv.png') no-repeat 100% 0;
	margin-bottom: 10px;
	height:		26px;
	width:		450px;	
}

.video-box .title {
	margin-bottom:	0px;
	margin-top:		4px;
	text-align: left;
}


.video-box-view .title {
	margin-bottom:	0px;
	margin-top:		4px;
	text-align: left;
}

.video-hold {
	clear:			both;
	margin-bottom:	11px;
	min-height: 	258px;
	overflow:		hidden;
}

.video-hold-view {
	clear:			both;
	margin-bottom:	14px;
	min-height: 	200px;
	overflow:		hidden;
	padding-top: 	13px;
}
.video-box-view .video-besttv-logo{
	width: 100%;
	height: 22px;
	background: #000 url('/National_Library/20160526010038oe_/https://www.themarker.com/images/logos/best-tv_logo_54x22HD.jpg') no-repeat center left;
}



.video-hold img {
	display:		block;
}

.video-hold-view img {
	display:		block;
}


.video-hold .playerTitle{
	color:			#FFF;
	display:		block;
	font-size: 18px;
	font-weight:	normal;
	margin-bottom:	5px;
}

.video-hold-view .playerTitle{
	/*color:			#FFF;*/
	/*display:		block;*/
	font-size: 		18px;
	font-weight:	normal;
	margin-bottom:	5px;
}



.video-list {
	list-style:		none;
	margin:			0;
	overflow:		hidden;
	padding:		0 0 8px;
}


.video-list-view {
	list-style:		none;
	margin:			0;
	overflow:		hidden;
	padding:		0 0 0px;
}

#scrollbar1 {
				margin: 8px 0 0px;
				width: 450px;
				clear: both;
			}
			#scrollbar1 .viewport {
				height: 200px;
				overflow: hidden;
				position: relative;
				width: 450px;
			}
			#scrollbar1 .overview {
				left: 0;
				list-style: none outside none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 0;
			}
			#scrollbar1 .overview img {
				float: left;
			}
			#scrollbar1 .scrollbar {
				background: url("/National_Library/20160526010038oe_/https://www.themarker.com/images/jsscrollbar/bg-scrollbar-track-x.png") no-repeat scroll 0 0 transparent;
				clear: both;
				height: 15px;
				margin: 0 0 3px;
				position: relative;
			}
			#scrollbar1 .track {
				background: url("/National_Library/20160526010038oe_/https://www.themarker.com/images/jsscrollbar/bg-scrollbar-trackend-x.png") no-repeat scroll 100% 0 transparent;
				height: 15px;
				position: relative;
				width: 100%;
			}
			#scrollbar1 .thumb {
				background: url("/National_Library/20160526010038oe_/https://www.themarker.com/images/jsscrollbar/bg-scrollbar-thumb-x.png") no-repeat scroll 100% 50% transparent;
				cursor: pointer;
				height: 25px;
				left: 0;
				overflow: hidden;
				position: absolute;
				top: -5px;
			}
			#scrollbar1 .thumb .end {
				background: url("/National_Library/20160526010038oe_/https://www.themarker.com/images/jsscrollbar/bg-scrollbar-thumb-x.png") no-repeat scroll 0 50% transparent;
				height: 25px;
				overflow: hidden;
				width: 5px;
				float: left;
			}
			#scrollbar1 .disable {
				display: none;
			}


* html .video-list{
	padding-bottom: 0;
	margin-bottom: -6px;
}



* html .video-list-view{
	padding-bottom: 0;
	margin-bottom: -6px;
}

.video-list li {
	float:			right;
	height:			1%;
	overflow: 		hidden;
	width:			136px;
}


.video-list-view li {
	float:			right;
	height:			1%;
	overflow: 		hidden;
	width:			136px;
}

.video-box.video-box-section .link{
	float:right;
	margin-right:	361px;
}


.video-box-view.video-box-view-section .link{
	float:right;
	margin-right:	361px;
}


.video-box .link {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-top:7px;
	float:right;
}

video-box-view .link {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-top:7px;
	float:right;
}


.video-box .link:hover {
	color:#8DA91C;
	text-decoration:none;
}



.video-box-view .link:hover {
	color:#8DA91C;
	text-decoration:none;
}
/*VIDEO IN THE CONTENT COLUMN (middle column). currently in section page*/

.video-list {
	width:			450px;
}


.video-list-view {
	width:			450px;
}
/* ************************** START HOMEPAGE VIDEO ELEMENT **********************************/
.homepage .video-hold {
	float:			left;
	width:			450px;
}
.homepage .video-list {
	float:			right;
	margin:			0;
	width:			465px;
}
.videoContainer {
	margin:10px 0;
}
.man-main .content-hold .videoList .videoContainer {
	padding: 10px 0 0 0;
}
.videoWideBox{
	background-color:#373737;
	margin-bottom:	2px;
}
.videoWide{
	width:			983px;
	margin:			0 auto;
}
.videoAjaxLoader {
	display: none;
	left:			300px;
	position: absolute;
	top:			150px;
}
.videoWide .video-box .link {
	float: left;
	margin-top: 3px;
}
.videoWide .video-hold {
	margin-bottom:	5px;
}
.noSourceList .video-list {
	width:			800px;
}
.noSourceList .heading a {
	float:			none;
}
.noSourceList .heading {
	border-bottom:	1px solid #DEDEDE;
	margin-bottom:	15px;	
}
/* START: videoTeaser */
.tmTeaser.videoTeaser {
	float:			right;
	margin:			0 0 0 15px;
	min-height:		180px;
	padding:		0;
    position:		relative;
	width:			140px;
}

.tmTeaser.videoBoxTeaser {
	float:			right;
	margin:			0 0 0 17px;
	min-height:		180px;
	padding:		0;
    position:		relative;
	width:			140px;
}



.videoWideBox .tmTeaser.videoTeaser {
	margin:			0 0 0 20px;
}
.tmTeaser.videoTeaser .mainImage {
	padding:		0;
}
.videoWideBox .tmTeaser.videoTeaser:hover .mainImage,
.video-box .tmTeaser.videoTeaser:hover .mainImage,
.videoWideBox .tmTeaser.videoTeaser.active .mainImage,
.video-box .tmTeaser.videoTeaser.active .mainImage {
	background:		#B2D234;
}
.tmTeaser.videoTeaser .playerIcon,
.tmTeaser.videoTeaser .playerIconDontPlay{
	display:		block;
}
.tmTeaser.videoTeaser .exclusiveTitle,
.tmTeaser.videoTeaser .teaserTitle {
	font-size:		13px;
	font-weight:	300;
	line-height:	16px;
	cursor:			pointer;
}
.tmTeaser.videoTeaser .teaserTitle .readingHold {
	height:			18px;
	margin-bottom:	-18px;
	margin-top:		5px;
	overflow-y:		hidden;
	position:		relative;
}
.tmTeaser.videoTeaser {
	border-bottom:	none;
}
.videoWideBox .tmTeaser.videoTeaser .mainImage,
.video-box .tmTeaser.videoTeaser .mainImage {
	background:		none;
	height:			102px;
	padding:		2px;
	width:			136px;
}
.videoWideBox .tmTeaser.videoTeaser .exclusiveTitle>a,
.videoWideBox .tmTeaser.videoTeaser .teaserTitle>a,
.videoWideBox .tmTeaser.videoTeaser .readingListLink a,
.videoWideBox .tmTeaser.videoTeaser .teaserTitle,
.video-box .tmTeaser.videoTeaser .exclusiveTitle>a,
.video-box .tmTeaser.videoTeaser .teaserTitle>a *,
.video-box .tmTeaser.videoTeaser .readingListLink a,
.video-box .tmTeaser.videoTeaser .teaserTitle,
.video-box .tmTeaser.videoTeaser .teaserTitle .baloon span{
	color:			#FFFFFF;
}
.videoWideBox .tmTeaser.videoTeaser .teaserTitle .readingHold,
.video-box .tmTeaser.videoTeaser .teaserTitle .readingHold {
	background:		#232323;
}
.videoWideBox .tmTeaser.videoTeaser .teaserTitle:hover,
.video-box .tmTeaser.videoTeaser .teaserTitle:hover {
	background:		#232323;
	color:			#9DA91C;
}
.videoWideBox .tmTeaser.videoTeaser .teaserTitle:hover>a,
.video-box .tmTeaser.videoTeaser .teaserTitle:hover>a,
.video-box .tmTeaser.videoTeaser .teaserTitle:hover .baloon span{
	color:			#9DA91C;
}
.video-list .last {
	margin-left:	0px!important;
}

.video-list-view .last {
	margin-left:	0px!important;
}



.noSourceList .tmTeaser.videoTeaser {
	width:			136px;
}
.noSourceList .tmTeaser.videoTeaser .playerIcon,
.noSourceList .tmTeaser.videoTeaser .playerIconDontPlay{
	display:		none;
}

.aside .noSourceList .tmTeaser.videoTeaser {
	position:		static;
}


/* leftColVideo */
.video-box.leftColVideo{
	padding-right: 0px; 
	padding-left: 0px;
}
.video-list.leftColVideo{
	width:300px;
	position:relative;
	right:0px;
	top:0px;
	margin-top: 5px;
}

.video-box.leftColVideo .linkBox{
	margin-left: 8px; 
	width: 284px; 
	border-top: 1px dotted #A0C51B;
}
.video-box.leftColVideo .linkBox .link{
	margin-bottom:7px; 
	float:left; 
}
.videoWideBox .tmTeaser.videoTeaser.leftColVideo .mainImage,
.video-box .tmTeaser.videoTeaser.leftColVideo .mainImage,
.tmTeaser.leftColVideo .playerIcon,
.tmTeaser.leftColVideo .playerIconDontPlay {
	height:			109px;
	width:			145px;
}
.tmTeaser.videoTeaser.leftColVideo {
	width:			149px;
	margin-left: 0;
}

.video-box.leftColVideo .title{
	margin-left: 8px;
	margin-top: 0px;
}

.video-list .leftColVideo.last{
	float: left;
}
.tmTeaser.videoTeaser.leftColVideo .textHolder{
	padding-right: 2px;
}
	
	
.video-box-view.video-box-view-section .videoBoxMainElem .playerSubTitle,
.video-box-view.video-box-view-section .videoBoxMainElem .playerTitle{
	text-decoration: none;
}	
	
.hollywood .playerTitle {
	float:right;
	display:block;
	padding-right: 11px;
	font-size:18px;
}

.hollywood .playerSubTitle {
	float:right;
	display:block;
	padding-right: 11px;
	font-size:12px;	
}

.bollywood.video-list-view {
	width:300px;
	clear:both;
	margin:8px 0 0;
} 



.bollywood .tmTeaser.videoBoxTeaser{
	margin-left:0px
}

.bollywood .tmTeaser.videoBoxTeaser:nth-child(odd){
	margin-left:20px
}

.bollywood .viewport {
	height:386px;
	overflow:hidden;
	position:relative;
}

.bollywood  .overview {
	position:absolute;
} 

.aside .video-box-view {
	padding-right:0px;	
}

.bollywood .videoBoxTeaser {
	border-bottom:none;
}

.aside .video-box-view{
	background-color:#FFFFFF;
}
/* ENDOF: videoTeaser */

.video-box-view.video-box-view-section .videoBoxMainElem .playerTitle{
	margin-bottom: 12px;
}
.video-box-view.video-box-view-section .videoBoxMainElem .playerSubTitle{
	margin-bottom: 7px;
}
	

.video-box-view.video-box-view-section .videoBoxMainElem .duration{
	display: block;
    float: right;
    font-size: 12px;
    padding-right: 11px;
    color: #17765a;
    line-height: 18px;    
}

#scrollbar1 .tmTeaser{
	border-bottom: none;
}

.playVideoList
{
	float: left;
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url(/National_Library/20160526010038oe_/https://www.themarker.com/images/teasers/playVideo.png) no-repeat;
}

.videoBoxTeaser:hover .mainImage .mainImageIcon .mainImageAnchor .playVideoList
{
	background: url(/National_Library/20160526010038oe_/https://www.themarker.com/images/teasers/playVideo_hover.png) no-repeat;
}

    #ttl{
position:		relative;
top: 			161px;
width: 			286px;
height:			30px;
color:			White;
background-color:rgba(0,0,0,0.75);
margin-bottom:	5px;
border-radius: 	4px;
font-size:		16px;
line-height:	30px;
padding-right:	5px;
filter: 		alpha(opacity=70);
}    
#limit { position: relative; overflow: hidden; }

#video{
position:relative;
background-color:Black;
height: 200px;
width: 300px;
}
#play {
/*position:absolute;    
top: 18px;
left: 40%;
background-image:url('/National_Library/20160526010038oe_/https://www.themarker.com/images/playOverlayOut.png');
height: 55px;
width: 55px;
margin: auto;
margin-top:18%;*/

    }
 /*   
#logo {
position:absolute;
top:200px;
background: url('/National_Library/20160526010038oe_/https://www.themarker.com/images/best-tv_logo_54x22HD.jpg') no-repeat scroll left center #000000;			
height: 22px;
width: 100%;
 }*/
 
#play:hover  {
/*background-image:url('/National_Library/20160526010038oe_/https://www.themarker.com/images/playOverlayOver.png');*/     
 }
 
 #bkImage{
 background-size:300px 198px;
 background-repeat:no-repeat;
 height: 198px;
 width: 300px;
 
 }
#videoBoxViewport .mainImage .mainImageIcon{
 	background-image: none;
    background-position: 15% 90%;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    margin-right: 80px;
}

#videoBoxViewport .teaserTitle .extraText{
	color: #17765a;
}
.video-list .videoTeaser .extraText{
	color: #17765a;
}

/*Video youtube*/
.video , .responsive-video {
	position:relative;
	padding-bottom:56.25%;
	clear:both;
	margin-bottom:10px;
}

.innerVideo [data-icon] {
  display: inline-block;
  font-style: normal;                     
  text-align: center;                      
  width: 1em;                              
}

[data-icon]:before {
    content: attr(data-icon);       		    
    font-family:htzIcons;
  	font-weight:normal !important;         
    speak: none;                           
    -webkit-font-smoothing: antialiased;   
    -moz-osx-font-smoothing: grayscale; 
}

.btn--icn{
  background-color: transparent;
  border:0;
  cursor:pointer;
  display:inline-block;
  padding:0;
  position:relative;
  text-align:center;
  vertical-align:middle;
  height: 42px;
  line-height: 42px;
  min-width: 42px;
}

.icn--c {
  font-size: 19px;
  
}

.icn__alt, .h-visually-hidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

	.flashplayer {
        direction:ltr;
	}
	.video:hover .control-pannel , .innerVideo:hover .control-pannel{
		visibility:visible;
	}
	.control-pannel{
		bottom:0;
		position:absolute;
		width:100%;
		left:0;
		visibility:hidden;
	}
	.control{		
		width:100%;
		height:45px;
		background-color:rgba(220,212,209,0.85);	
	}
	
	.flashplayer:hover .control.pause{
		background:url("pause.png") no-repeat scroll center center rgba(0,0,0,0);
	}
	
	.flashplayer .control.pause{
		background-position:999999px 999999px
	 }
	.control.play{
		background:url("play.png") no-repeat scroll center center rgba(0,0,0,0);
	}
	
	
.progressBar{
    display:block;    
    width:100%;
    height:5px;           
    background-color:#5B5B5D;
    overflow:hidden;
    cursor:pointer;	

    /* A light CSS3 bottom highlight */

    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
}

.progressBar .elapsed{
    position:absolute;
    width:0;
    height:5px;
    background-color:#60c700;
    border-right:1px solid #49AFF0;
}

.flashplayer:hover .progressBar {
	display:block;
}
.control_buttons{
	/*position:absolute;*/
	
}

.fr {
	float:right;
}


.volume{	
	margin-top:3px;
	float:right;
}

.ws-range {
	height:2px;
	width:51px !important;
	background-color:rgba(220, 212, 209, 0) !important;
	border: solid rgba(220, 212, 209, 0) ;
	border-width:10px 0px;
}

.ws-range-rail{
	background-color:#222222 !important;
}

.ws-range .ws-range-thumb {
	height:8px;
	width:2px;
	background-color:#60c700 !important;
	border:none !important;
	
}

.video .ws-range .ws-range-progress {
	background-color:#60c700;
}
/*.volume{	
	width:51px;
	background-color:#5B5B5D;
	height:2px;
	cursor:pointer;
	margin-top:20px;
}

.volume .volume_level{
	float:left;
    width:0;
    height:2px;
    background-color:#1fa2f6;
    border-right:1px solid #49AFF0;
}

.regulator{
	width:1px;
	height:8px;
	display:inline-block;
	background-color:#1fa2f6;
	float:left;
	position:relative;
	top:-3px;
}*/

.innerVideo #player , .innerVideo iframe , .ytplayer iframe, .ytplayer .videoImage{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.ytplayer #player {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
}

.videoBoxMainElem .icn--c{
	min-width: 36px;
}

.video-hold .control {
	text-align:left;
	padding-left:5px;
}

.video .main-play {
	font-size:57px;
	left:50%;
	position:absolute;
	top:50%;
	background-color:#60c700;
	border-radius:50%;
	color:white;
	transform:translate(-50%,-50%);
	display:none;
}

.videoBoxMainElem .main-play {
	font-size:50px;
	top:38%;
}

.play-b{
	font-size:24px;	
	color:#60c700;
}

.mute-b , .full-b {
	font-size:16px;
	color:#222222;
}
.play-b:hover{
	color:#479400;
	transform:scale(0.9,0.9);
}

.mute-b:hover , .full-b:hover {
	transform:scale(0.9,0.9);
	color:#636262;
}

.innerVideo {
	direction:ltr;
}
.video-time {
	vertical-align:middle;
}

.control .volume .ws-range.ws-input.volume-level{
	box-sizing: content-box;
}
/*Video youtube end*/