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: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { width: 100px;height: 30px;top:-50px;}
.ck-slidebox ul li { float:left;width: 15px;height: 15px;margin: 5px;background: #fff; text-indent:-9999px; }
.ck-slidebox ul li em { display: block; width:15px; height: 15px; border-radius: 100%; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current{ background: #002C56;}
.ck-slidebox ul li em:hover { background: #002C56;}

.example ol{position:relative;width: 100x;height: 30px;top:-50px;left:800px;}
.example ol li{float:left;width: 15px;height: 15px;margin: 5px;background: #fff; text-indent:-9999px; }
.example ol li.seleted{background: #002C56;}