img { border: 0;}
.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;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 45px; height: 100px; margin-top: -50px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;filter:alpha(opacity=40);}
.ck-slide .ck-prev { left: 0px; background: url(../images/arrow-left.png) #cccccc 50% no-repeat;}
.ck-slide .ck-next { right: 0px; background: url(../images/arrow-right.png) #cccccc 50% no-repeat;}
.ck-slidebox { position: absolute; left: 80%; bottom: 42px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px;}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 40px; height: 12px; border-radius: 0%; background-color: #afafae; text-indent: -9999px; cursor: pointer;filter:alpha(opacity=40);  /*支持 IE 浏览器*/
-moz-opacity:0.40; /*支持 FireFox 浏览器*/
opacity:0.40;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.ck-slidebox ul li.current em { background-color: #afafae;}
.ck-slidebox ul li em:hover { background-color: #afafae;}