.cn_wrapper{
	margin:0px auto 0px auto;
	width:100%;
	height:438px;
	position:relative;
	padding:0;	
	border:0 none;
	display:block; text-align:center;
	z-index:9;
	
}
.cn_wrapper h1{
	font-size:20px;
	text-transform:uppercase;
}
.cn_wrapper h2{
	font-size:12px;
	border-bottom:1px solid #000;
	padding-bottom:4px;
	text-transform:uppercase;
}
.cn_preview, .cn_list{
	width:100%;
	height:400px;
	position:absolute;
	top:0;
	right:0px;
	z-index:999;
}
.cn_preview{
	left:40.5%;
	background-image:url(../image/home-mobile.png);
	background-repeat:no-repeat;
	width:212px; height:438px;overflow:hidden;
}
.uppercase{text-transform:uppercase;}
.cn_content{
	border:0 none;
	top:438px;/*5*/
	left:0;
	position:absolute;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	text-align:center;
	 padding-left: 22px;
    padding-top: 62px;
}
.cn_content img{
	max-height:375px;
}
.cn_date{
	position:absolute;
	bottom:30px;
	right:8px;
	font-size:11px;
}
.cn_category{
	position:absolute;
	bottom:30px;
	left:8px;
	font-size:11px;
	padding:1px 3px;
	background:#ccc;
	border:1px solid #ddd;
	color:#000;
	text-shadow:-1px 0px 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.cn_content p{
	height:57px;
	margin-top:2px;
	overflow:hidden;
}
a.cn_more{
	position:absolute;
	padding: 4px 0px;
	left:0px;
	bottom:0px;
	width:236px;
	color:#fff;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #011c44;
	text-transform:uppercase;
	text-decoration: none;
	border:1px solid #4c7ecb;
	outline:none;
	cursor:pointer;
	background-color: #1951A5;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-border-bottom-left-radius: 5px;
	-border-bottom-right-radius: 5px;
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
}
a.cn_more:hover{
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}
.cn_item{	 
	cursor:pointer;
	position:relative;
	color:#fff;
	padding:0;
	margin:0px 0px 40px 0px;
	min-height:auto;	
	width:290px;
	position:absolute;
}
.workIcon{display:inline-block;}
.firstPart .innerList{width:245px;text-align: center; margin-left:-60px;}
.innerList{width:245px;text-align: center; margin-left:100px;}
.firstPart .cn_item.itemTwo{background-image:url(../image/work-list-center.png);background-repeat:no-repeat;background-position:right 35px;padding-bottom:0px;top: 45%;left: 16.7%;}
.cn_item.itemFive{background-image:url(../image/work-list-center.png);background-repeat:no-repeat;background-position:1px 35px;padding-bottom:0px;top: 45%;right: 16.5%;}
.cn_item h3{font-size:20px; font-weight:600; color:#000;margin:10px 0 0;}


.cn_item.itemOne{background-image:url(../image/work-list1.png);background-repeat:no-repeat;background-position: right bottom;padding-bottom:50px;top: 0px;    left: 16%;}
.cn_item.itemFour{background-image:url(../image/work-list4.png);background-repeat:no-repeat;background-position:left bottom;padding-bottom:50px;top: 0px;
right: 16.5%;}
.cn_item.itemThree{background-image:url(../image/work-list3.png);background-repeat:no-repeat;background-position:right 0;padding-top:50px;top: 78%;left: 16.5%;}
.cn_item.itemSix{background-image:url(../image/work-list6.png);background-repeat:no-repeat;background-position:-6px 0;padding-top:50px;top: 78%;right: 16.5%;}
.itemFour .innerList, .itemFive .innerList, .itemSix .innerList { margin-left: 100px;}
/*.cn_item:hover, .selected{
	
	 border-color: #fff #ccc #ccc;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);
}*/
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
	border-color:#2C5FAC;
}
.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p{
	border-color:#527CBB;
}
.cn_item:active {
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}
.cn_list p{
	height:29px;
	padding-top:2px;
	overflow:hidden;
	border-top:1px solid #333;
}
.cn_nav{
	width:55px;
	height:24px;
	position:absolute;
	bottom:0px;
	left:133px;
}
a.cn_next, a.cn_prev{
	float:left;
	height:23px;
	width:23px;
	background-color:#212121;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	outline:none;
	border:1px solid #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
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;
}
.separate-div {display:block;}
.cn_page .separate-div:last-child{margin-right:0px;margin-left:62px;} 
.cn_page .cn_item ul{padding-left:62px !important;}
.cn_page .cn_item ul li{float:left; width:116px; list-style:none; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.cn_content ul li{list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.cn_content ul li.first{margin-right:20px;}
.cn_content ul{  padding:5px;}
.cn_content .caption{position:absolute; bottom:0;background-color:#000; opacity:0.85; padding:5px 0 5px; text-align:left; width:100%; }
.workIcon{width:65px; height:65px; display:inline-block; background:#fece1a;border-radius:50%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);text-align:center; padding-top:15px;}
.cn_item .workIcon {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition:transform .8s ease-in-out;
}

.cn_item .selected:hover .workIcon {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.cn_item:hover .workIcon {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.selected .workIcon{background:#000;text-align:center:}
.workIcon .imgTwo{display:none;}
.selected .workIcon .imgOne{display:none;}
.selected .workIcon .imgTwo{display:inline-block;}