div.videoframe {
	width: 244px;
	height: 213px;
	float: left;
	overflow: hidden;
	display: inline-block;
}
div.clip {
	height: 233px;
}
div.videoframe div#box {
	margin: 16px 16px 8px 16px;
	border: 2px solid #fff;
	float: left;
	overflow: hidden;
	display: inline-block;
	-moz-box-shadow: 0px 0px 10px 0px #626262;
	-webkit-box-shadow: 0px 0px 10px 0px #626262;
	box-shadow: 0px 0px 10px 0px #626262;

}
div.videoframe div#box a {
	display: block;
	position: relative;
}
div.videoframe div#box,
div.videoframe div#box a img#frame {
	width: 226px; /*prilagodjavam 16:9 bilo 208px*/
	height: 156px;
}
div.videoframe div#box div#cpt {
	width: 100%;
	font-size: 14px;
	padding: 5px 0px;
	position: absolute;
	bottom:0px;
	min-height:20px;
	text-align: center;
	color: black;
	text-shadow: 0px 0px 10px #000;
	background: url(../../_bmp/trans50.png) repeat;
}
div.videoframe div#box div#dur {
	font-size: 11px;
	padding: 0px 3px 1px 3px;
	position: absolute;
	top:10px;
	right:0px;
	text-align: center;
	background-color: #fff;
	color: #000;
}
div.videoframe div#box img#play {
	top: 40px;
	left: 77px;
	position: absolute;
}
div.videoframe div#dsc {
	font-size: 12px;
	padding: 0px 18px;
	font-weight: bold;
}


div.prg_large {
	width: 422px; /* box_width + 2 x border + 2 x margin : 400+2x3+2x10 (-4 to keep horizontal spacing smaller)*/
	height: 326px; /* box_height + 2 x border + 2 x margin : 300+2x3+2x10 */
}
div.prg_large div#box,
div.prg_large div#box a img#frame {
	width: 400px;
	height: 300px;
}
div.prg_large div#box {
	border: 3px solid #fff;
	margin: 10px 10px 10px 10px;
}
div.prg_large div#box img#play {
	left: 173px; /* (img_W - play_W) / 2 : (400-54)/2 */
	top: 113px; /* (img_H - play_H) / 2 - 10 : (300-54)/2-10 */
}



div.prg_small {
	width: 211px; /* box_width + 2 x border + 2 x margin : 192+2x2+(5+10) */
	height: 163px; /* box_height + 2 x border + 2 x margin : 144+2x2+(10+5) */
}
div.prg_small div#box,
div.prg_small div#box a img#frame {
	width: 192px;
	height: 144px;
}

div.no1 div#box {
	margin: 10px 10px 5px 5px;
}
div.no2 div#box {
	margin: 5px 10px 10px 5px;
}

div.prg_small div#box img#play {
	left: 69px; /* (img_W - play_W) / 2 : (192-54)/2 */
	top: 35px; /* (img_H - play_H) / 2 - 10 : (144-54)/2-10 */
}









div.index_video {
	width: 160px; /* box_width + 2 x border + 2 x margin : 152+2x1+2x3 */
	height: 122px; /* box_height + 2 x border + 2 x margin : 114+2x1+2x3 */
}
div.index_video div#box,
div.index_video div#box a img#frame {
	width: 152px;
	height: 114px;
}
div.index_video div#box {
	border: 1px solid #fff;
	margin: 3px 6px 3px 2px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
div.index_video div#box img#play {
	left: 49px; /* (img_W - play_W) / 2 : (152-54)/2 */
	top: 20px; /* (img_H - play_H) / 2 - 10 : (114-54)/2-10 */
}

div.index_video div#box div#cpt {
	font-size: 13px;
	padding: 3px 0px;
	bottom:0px;
	min-height:15px;
}
div.index_video div#box div#dur {
	font-size: 10px;
	padding: 0px 1px 1px 1px;
	top:5px;
}

div.videoframe div#box div#dtr {
	font-size: 10px;
	padding: 0px 1px 1px 1px;
	top:5px;
	position: absolute;
	left:0px;
	text-align: center;
	background-color: #000;
	color: #fff;
}