@CHARSET "UTF-8";

.demos a:link{ color:#826400; text-decoration:none;}

.demos a:visited{ color:#826400; text-decoration:none;}

.video a:link{ color:#826400; text-decoration:none;}

.video a:visited{ color:#826400; text-decoration:none;}



/* demos */

.sub-menu .ad-live-demo {

	background: url(/pictures/demo/ad-live-demo.jpg);

}

.demos hr{

	border:#DCD0A5 1px solid;

}

.demos {

    overflow:hidden;

	padding-left:30px;	

}
.indoor-demo{
background:url(/pictures/demo/banner_D.jpg) left top no-repeat;
width:210px;
height:23px;
float:left;

padding:4px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
}
.indoor-demo a:link{
color:#FFFFFF;
font-weight:bold;
}
.indoor-demo a:visited{
color:#FFFFFF;
font-weight:bold;
}

.outdoor-demo{
background:url(/pictures/demo/banner_C.jpg) left top no-repeat;
width:210px;
height:23px;
float:left;
margin:10px;
padding:4px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
}
.outdoor-demo a:link{
color:#FFFFFF;
font-weight:bold;
}
.outdoor-demo a:visited{
color:#FFFFFF;
font-weight:bold;
}

.pk-demo{
background:url(/pictures/demo/banner_B.jpg) left top no-repeat;
width:210px;
height:23px;
float:left;
margin:10px;
padding:4px;
color:#000;
text-align:center;
cursor:pointer;
}
.pk-demo a:link{
color:#000;
font-weight:bold;
}
.pk-demo a:visited{
color:#000;
font-weight:bold;
}


.demos .demo-site{

	list-style-type: none;

	margin:0 0 20px 0;

	width:873px;

	height:73px;

	padding-left:20px;

	padding-top:20px;

	background:url(/pictures/demo/2541.jpg) top left no-repeat;	

}

.demos .demo-site li{

	margin:0px;

	

}

.demos h2{

	font-size:16px;

}



.demos .pre-recorded-video{

	margin:20px 0 0 0;

}

.demos .pre-recorded-video table{

	margin-top:20px;	

}



.demos .pre-recorded-video td{

	width:150px;	

}

.demos ol{

	list-style-type: none;	

}

.demos ol li{

	padding-bottom:5px;	

}

.demos .item{

	float:left;

	padding:20px 0 20px 0;
	height:120px;

	border:white 1px solid;

}

.demos .item:hover{

	

	border:#c6dde8 1px solid;	

}

.demos .item .picture{

	float:left;

	padding:0;

	width:110px;

}



.demos .summary{

	float:left;

	width:300px;	

	padding-left:20px;

}

.demos .summary h2{

	font-size:14px;	

}

.demos .summary a{

	color:#826400;

	text-decoration:none;

}

.demos .summary a:visited{

	color:#826400;

}


.notice{ color:#FF0000; margin-top:10px;}

.democlip{ float:left; width:430px; margin-top:10px; }

.democlip img{ float:left; margin:0 10px 0px 10px;}

.democlip h3{ font-size:18px; float:left; clear:right; margin-left:10px;}

/* video */

.playernotice{
color:#000;
margin:0 auto;
font-size:12px;
line-height:18px;

}
.our_brand{
float:left;
margin-top:10px;
margin-bottom:5px;
text-align:center;
margin-left:30px;
_margin-left:0px;
}
.other_brand{
float:right;
margin-top:10px;
margin-bottom:5px;
text-align:center;
margin-right:60px;
}
.playernotice2{

color:#000;
margin:0 auto;
font-size:12px;
width:800px;
line-height:20px;

}
.playernotice2 h3{
font-size:16px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
line-height:16px;
}
.playernotice h3{
font-size:16px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
line-height:16px;
}
.video {

	width:960px;

	margin:0 auto;	

	height:100%;

	font-family: Arial, Helvetica, sans-serif;

}



.video .player{

    overflow:auto;
	width:960px;
	text-align:center;

}

.demoplayer{
float:left;
width:460px;
margin:0 0 20px 0px;

}
.democonfig{
float:left;
width:400px;
padding:20px;
}

.video .player2{
    overflow:auto;
	width:960px;
	text-align:center;

}





.video #title{

	color:#000;

	font-size:16px;	

	padding:10px 0;

	position:relative;

	top:-30px;

	left:10px;

	font-family: Arial, Helvetica, sans-serif;

}

	.showclip{margin-left:30px;}
	.clipname{font-size:18px;margin:20px 0 20px 0px;}
	.youtube{ margin:0 auto;border:1px solid #000; width:560px; margin-top:20px; margin-bottom:20px;}