*{
	margin: 0;
	padding: 0;
}

.cn_wrapper	{
	width: 610px;
	height: 300px;
	position: relative;
	z-index: 0;
	color: #fff;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	border: 1px solid #111111;
	background-color: #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cn_wrapper h2	{
	height: 16px;
	font-size: 12px;
	border-bottom: 1px solid #000;
	padding: 2px 0 0 0;
}

.cn_preview, .cn_list	{
	width: 158px;
	height: 300px;
	position: absolute;
	z-index: 0;
	top: 2px;
	left: 6px;
}

.cn_preview	{
	left: 160px;
}

.cn_content	{
	top: 310px;/*5*/
	left: 5px;
	width: 450px;
	height: 300px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
}

.cn_content img	{
	width: 450px;
	height: 300px;
}

a.cn_more	{
	position: absolute;
	z-index: 0;
	padding: 4px 0px;
	left: 0px;
	bottom: 0px;
	width: 450px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	background-color: #000000;
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#080808),
			to(#111111)
		);
	background:
		-moz-linear-gradient(
			top,
			#080808,
			#111111
		);
}

a.cn_more:hover	{
	color: #39FB00;
}

.cn_item	{
	border: 1px solid #090909;
	cursor: pointer;
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 72px;
	color: #fff;
	padding: 5px;
	margin: 6px 5px 0px 0px;
	background: #111111;
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#080808),
			to(#111111)
		);
	background:
		-moz-linear-gradient(
			top,
			#080808,
			#111111
		);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cn_item: hover, 
.selected	{
	border-color: #202020;
	background-color: #000000;
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#080808),
			to(#111111)
		);
	background:
		-moz-linear-gradient(
			top,
			#080808,
			#111111
		);
}

.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2	{
	border-color: #39FB00;
}

.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p	{
	border-color: #111111;
}

.cn_item:active {
	color: #909090;
}

.cn_list p	{
	height: 44px;
	padding-top: 4px;
	overflow: hidden;
	border-top: 1px solid #333;
	font-size: 11px;
}

.cn_nav	{
	width: 55px;
	height: 24px;
	position: absolute;
	z-index: 0;
	bottom: 0px;
	left: 48px;
}

a.cn_next, a.cn_prev	{
	float: left;
	height: 24px;
	width: 24px;
	background-color: #111111;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

a.cn_next	{
	background-image: url(../images/next.png);
}

a.cn_prev	{
	margin-right: 5px;
	background-image: url(../images/prev.png);
}

.cn_nav a:hover	{
	background-color: #101010;
}

.cn_nav a:active	{
	margin-top: 1px;
	background-color: #000;
}

.cn_nav a.disabled	{
	opacity: 0.5;
}

.cn_page	{
	display: none;
}