.ck-slide { width:385px; height:420px; margin: 0 auto;}

.ck-slide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ck-slide {
	position: relative;
	overflow: hidden;
}
.ck-slide ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	height:420px;
	width:385px;
}
.ck-slide ul.ck-slide-wrapper li {
	position: absolute; 
	margin-top:0px;
}
.ck-slide ul.ck-slide-wrapper li h3{ font-size:15px; color:#333; font-weight:bold; height:24px; padding:0 22px; padding-top:70px}
.ck-slide ul.ck-slide-wrapper li h4{ font-size:12px; color:#999; font-style:oblique; height:32px; padding:0 22px;}
.ck-slide ul.ck-slide-wrapper li h5{ font-size:12px; color:#444; line-height:2; height:105px; padding:0 22px;}
.ck-slide ul.ck-slide-wrapper li img{ width:385px; height:190px;}
.ck-slide ul.ck-slide-wrapper li a{
	/*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/
	line-height:0px;
	display:block;
	width:385px; 
	height:420px;
}

.ck-slide ul.ck-slide-wrapper li:hover h3{ color:#00cc88; padding-right:5px;}
.ck-slide ul.ck-slide-wrapper li:hover h5{ text-decoration:underline;}

.ck-slide .ck-prev, .ck-slide .ck-next {
	position: absolute;
	top:23px;
	right:10px;
	z-index: 2;
	width:12px;
	height:20px;
	opacity: .15;
	text-indent: -9999px;
	transition: opacity .2s linear 0s;
}
.ck-slide .ck-prev {
	left:285px;
	background:url(../../images/pc/arrow-left.png) no-repeat;
}
.ck-slide .ck-next {
	right:18px;
	background:url(../../images/pc/arrow-right.png) no-repeat;
}
.ck-slide .ck-slidebox {
	position: absolute;
	right:30px;
	top:25px;
	z-index: 30;
}
.ck-slidebox ul {
	height: 20px;
	padding: 0 4px;
}
.ck-slidebox ul li {
	float:left;
	height:10px;
	margin:3px;
}
.ck-slidebox ul li em {
	display: block;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#e5e5e5;
	text-indent: -9999px;
	cursor:pointer;
}
.ck-slidebox ul li.current em {
	background:#00aa88;
}
.ck-slidebox ul li em:hover {
	background:#00aa88;
}















.ck-slide2 { width:385px; height:420px; margin: 0 auto;}

.ck-slide2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ck-slide2 {
	position: relative;
	overflow: hidden;
}
.ck-slide2 ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	height:420px;
	width:385px;
}
.ck-slide2 ul.ck-slide-wrapper li {
	position: absolute; 
	margin-top:0px;
}
.ck-slide2 ul.ck-slide-wrapper li h3{ font-size:15px; color:#333; font-weight:bold; height:24px; padding:0 22px; padding-top:70px}
.ck-slide2 ul.ck-slide-wrapper li h4{ font-size:12px; color:#999; font-style:oblique; height:32px; padding:0 22px;}
.ck-slide2 ul.ck-slide-wrapper li h5{ font-size:12px; color:#444; line-height:2; height:105px; padding:0 22px;}
.ck-slide2 ul.ck-slide-wrapper li img{ width:385px; height:190px;}
.ck-slide2 ul.ck-slide-wrapper li a{
	/*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/
	line-height:0px;
	display:block;
	width:385px; 
	height:420px;
}

.ck-slide2 ul.ck-slide-wrapper li:hover h3{ color:#00cc88; padding-right:5px;}
.ck-slide2 ul.ck-slide-wrapper li:hover h5{ text-decoration:underline;}

.ck-slide2 .ck-prev, .ck-slide2 .ck-next {
	position: absolute;
	top:23px;
	right:10px;
	z-index: 2;
	width:12px;
	height:20px;
	opacity: .15;
	text-indent: -9999px;
	transition: opacity .2s linear 0s;
}
.ck-slide2 .ck-prev {
	left:285px;
	background:url(../../images/pc/arrow-left.png) no-repeat;
}
.ck-slide2 .ck-next {
	right:18px;
	background:url(../../images/pc/arrow-right.png) no-repeat;
}
.ck-slide2 .ck-slidebox {
	position: absolute;
	right:34px;
	top:25px;
	z-index: 30;
}