@charset "UTF-8";
/* CSS Document */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

.image_icon	{ display: block; background: url(//static.bugaboo.tv/images/lg/sprite.png) left top no-repeat; }
.btn_back	{ width: 70px; height: 70px; background-position: 0 0; }
.btn_backHover	{ width: 70px; height: 70px; background-position: -70px 0; }
.btn_home	{ width: 70px; height: 70px; background-position: -140px 0; }
.btn_homeHover	{ width: 70px; height: 70px; background-position: -210px 0; }
.btn_backpage	{ width: 70px; height: 90px; background-position: 0 -97px; }
.btn_backPageHover	{ width: 70px; height: 140px; background-position: -70px -70px; }
.btn_nextpage	{ width: 70px; height: 90px; background-position: -140px -97px }
.btn_nextPageHover	{ width: 70px; height: 140px; background-position: -210px -70px; }

.btn_next	{ width: 70px; height: 70px; background-position: 0 -210px; }
.btn_nextHover	{ width: 70px; height: 70px; background-position: -70px -210px; }
.btn_nextRelease	{ width: 70px; height: 70px; background-position: -140px -210px; }
.btn_prev	{ width: 70px; height: 70px; background-position: 0 -280px; }
.btn_prevHover	{ width: 70px; height: 70px; background-position: -70px -280px; }
.btn_prevRelease	{ width: 70px; height: 70px; background-position: -140px -280px; }

.icn_exit	{ width: 52px; height: 25px; background-position: -8px -372px; }
.icn_fullscreen { width: 52px; height: 25px; background-position: -77px -372px; }
.icn_prev	{ width: 52px; height: 25px; background-position: -148px -373px; }
.icn_next	{ width: 52px; height: 25px; background-position: -218px -372px; }
.icn_back	{ width: 52px; height: 25px; background-position: 0 -420px; }
.icn_exitfullscreen { width: 52px; height: 25px; background-position: -76px -443px;}
.logo_bugaboo		{ width: 280px; height: 80px; background: url(//static.bugaboo.tv/images/theme2013/logo_bugabooTV.png) left top no-repeat; background-size: 280px 80px; /*background-position: 0 -560px;*/ }
.icn_qmenu{background: url(//static.bugaboo.tv/images/lg/keyhelp/KEYHELP_ICON_QMENU.png) center -3px no-repeat; width: 44px; height: 25px;}
.icn_return{background: url(//static.bugaboo.tv/images/lg/keyhelp/KEYHELP_ICON_BACK.png) center -3px no-repeat; width: 44px; height: 25px;}



body{display:block; margin:auto;background: #fff url(//static.bugaboo.tv/images/lg/background.jpg) top center;}
.page{padding: 32px 32px 22px 32px;}
a	{ text-decoration: none; }
img, fieldset { border: 0; }

/* set image max width to 100% */
img { max-width: 100%; height: auto; 
width: auto\9; /* ie8 */ }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
ul { list-style: none; margin: 0; padding: 0; }

#header		{ padding: 0 0 4px 0; background:url(//static.bugaboo.tv/images/lg/header_line.png) bottom center no-repeat; }
.logo				{ float: left;}
ul.navigation		{ float: right; width: 200px; margin: 0; padding: 0; }
ul.navigation li	{ display: block; margin: 0; float:right}
ul.navigation li a.btn_home	{ display: inline-block; width: 70px; height: 70px; background-position: -140px 0;}
ul.navigation li a.btn_home.focus, ul.navigation li a.btn_home:focus	{ background-position: -210px 0; }
ul.navigation li a.btn_back	{ display: inline-block; width: 70px; height: 70px; background-position: 0 0;}
ul.navigation li a.btn_back.focus, ul.navigation li a.btn_back:focus	{ background-position: -70px 0;}

#navi_page	{ clear:both; height: 51px; background: url(//static.bugaboo.tv/images/lg/background_tabmenu.png) left top repeat-x; }
#navi_page h2	{ display: inline-block; margin: 3px 0 0 15px; padding: 10px 20px 0 20px; height: 38px; color: #fff; background: url(//static.bugaboo.tv/images/lg/background_menuHover_l.png) left top no-repeat, url(//static.bugaboo.tv/images/lg/background_menuHover_r.png) right top no-repeat, url(//static.bugaboo.tv/images/lg/background_menuHover_c.png) left top repeat-x;  }
#navi_page h3	{ display: inline-block; margin: 3px 0 0 15px; padding: 10px 0 0 0; height: 38px; color: #242424; }

#container	{ width: 100%; height: 280px; margin-top:5px }
.programe	{ width: 100%; height: 100%; }
.programe ul	{ margin: 55px auto 80px auto; width: 1060px; }
.programe ul:after {
	content: "";
  	display: table;
  	clear: both;
}
.programe li	{ 
	height: 111px;
	width: 200px;
	margin: 10px 5px;
	border: 1px solid #a7b5fb;
	box-shadow: 0px 0px 5px #000;
	float: left;
}

.programe li a { display: block; position: relative; width: 170px; height: 94px; padding: 8.5px 15px; }
.programe li a img { width: 170px; }

.programe li a.focus, .programe li a:focus {
	padding: 0px;
	width: 200px;
	height: 111px;
}
.programe li a.focus img, .programe li a:focus img {
	width: 200px;
	max-width: none;
	/*width: 100%;
	height: 100%;
	padding: 0px;
	border: 1px;
	position: absolute;
	top: 0;
	left: 0;*/
}
/*.programe li a.focus img { 
	max-width: none;
	margin-top: -9px;
	margin-left: -14px;
	position: absolute;
	width: 100%;
	padding: 0px;
	border: 1px solid #838EC5;
	box-shadow: 0px 0px 5px #838EC5;
}
.programe li a.focus{position: absolute;}*/

.topVideo{ clear:both;height: auto; margin: 25px 0px 0px 0px; padding: 0px 20px;}
.topVideo_header	{margin-bottom:6px;background:  url(//static.bugaboo.tv/images/lg/background_header_topvideo.png) left bottom repeat-x; color: #fff; }
.topVideo_header h1, .topVideo_header h2, .topVideo_header h3 { float: left; color: #fff; height: 28px; padding: 10px 20px 0 20px; background: url(//static.bugaboo.tv/images/lg/background_h1_topvideo_l.png) left top no-repeat, url(//static.bugaboo.tv/images/lg/background_h1_topvideo_r.png) right top no-repeat, url(//static.bugaboo.tv/images/lg/background_h1_topvideo_c.png) left top repeat-x;  }
.topVideo_header h1, .topVideo_header h2, .topVideo_header h3 { float: left; width: 154px; color: #fff; background: url(//static.bugaboo.tv/images/lg/background_h1_topvideo.png) left top no-repeat;}
/*.topVideo ul	{ position: relative; margin: 15px 0 0 0; padding: 0 20px; }
.topVideo li	{ display: inline-block; width:157px; height: 112px; padding: 0; margin: 0 8px; }
.topVideo img.thump	{ margin: 6px; }
.topVideo li.active { background: url(//static.bugaboo.tv/images/lg/background_thump.png) left top no-repeat; }
.btn_prev	{ position: absolute; top: 30px; left: 0; }
.btn_next 	{ position: absolute; top: 30px; right: 0; }*/

.topVideo ul { width: 1095px; margin: 0 auto; padding-left: 50px; }
.content_video	{ width: 1056px; margin: 0 auto; }

.content_video { padding: 20px 75px; }
.topVideo li,.content_video li	{
	vertical-align: middle;
	text-align: center;
	display: inline-table;
	width: 145px;
	height: 132px;
	padding: 0;
	margin: 8px 4px;
}
.catVideo li,.content_video li	{
margin: 8px 12px;
}
.topVideo img.thump,.content_video img.thump{width:145px;}
.topVideo span,.content_video span {
line-height: 24px;
width: 135px;
padding: 5px;
height: 16px;
display: block;
color: white;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}

.topVideo a,.content_video a{
height: 88px;
width: 145px;
display: block;
} 
.topVideo .focus img.thump, .topVideo a:focus img.thump, .content_video .focus img.thump, .content_video a:focus img.thump {
	margin-top: -6px;
	z-index: 2;
	position: absolute;
	margin-left: -24px;
	width: 175px;
	display: block;
	padding: 8px;
	border: 1px solid #43475F;
	background-color: #838EC5;
	box-shadow: 0px 0px 5px #838EC5;
} 
.topVideo .focus span, .topVideo a:focus span, .content_video .focus span, .content_video a:focus span { 
	width: 165px;
	margin-left: -15px;
	z-index:2;
	margin-top: 76px;
	position: absolute;
	white-space: normal;
	background: url(//static.bugaboo.tv/images/lg/background_title.png) repeat;
}
a.btn_backpage.focus, a.btn_backpage:focus { background-position: -70px -96px; }
a.btn_backpage	{ z-index:1;position: absolute; top: 247px; left: 32px;}
a.btn_nextpage 	{ z-index:1;position: absolute; top: 247px; right: 32px;}
a.btn_nextpage.focus, a.btn_nextpage:focus {background-position: -210px -96px;}

.watch_vdo	{ float: left; width: 661px; height: 413px; background: url(//static.bugaboo.tv/images/lg/background_video.png) left top no-repeat; margin: 20px; margin-bottom: 0;  }
.watch_player	{ width:640px; height: 360px; margin: 10px; }
.watch h2		{ margin: 30px 0 0 0; color: #838fc7; }
.watch h3		{ width: 90%;
margin: 10px 0 0 0;
color: 
#CCC;
font-style: normal; }
.watch h4		{ margin: 30px 0 0 0; color: #ccc; font-style: normal; }

#footer		{ height: 75px;position: fixed;bottom: 0px; width: 100%; background-color: #131313; }
#footer ul	{ float: right;margin: 0 32px 22px 0px;}
#footer li		{ display: inline-block;padding: 5px;margin: 0px;height: 36px;}
#footer span { color: #fff; }


#overlay{
display:none;
opacity: 0.6;
filter: alpha(opacity=60);
background-color: black;
text-align: center;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
font-size: 26px;
color: white;
}

#overlay .image_overlay{
margin-top: 185px;
}

#overlay .msg{

}

.btn_prev{
position: absolute;
top: 534px;
z-index:1;
width:70px !important;
height:70px !important;
left: 50px;
}

.btn_prev.focus, .btn_prev:focus {
background-position: -70px -280px;
}

.btn_next{
width:70px !important;
height:70px !important;
top: 534px;
position: absolute;
right: 50px;
z-index:1;
}
.btn_next.focus, .btn_next:focus {
background-position: -70px -210px;
}

#footer a{
height: 26px;
padding: 2px 8px;
display: block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 4px 6px; color: #fff;
}

#footer a.focus, #footer a:focus {
padding: 4px 6px; background-color: #838ec5; border: 0px #a7b5fb solid; border-radius: 3px; 
}

.loading{
padding-top: 180px;
font-size: 28px;
text-align: center;
color: #ABC;

}
.span_text{
	display:block;
	float:left;
}
.span_icon{
	display:block;
	float:left;
}