.ck-slide {float:left; width:382px; height:429px;  margin-top:10px; overflow:hidden;}
.ck-slide ul.ck-slide-wrapper { height: 429px;}
.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 ul.ck-slide-wrapper li img {width: 380px; border: 0;}
.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({eyou:global name='web_templets_pc' /}/skin/list_slide2/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url({eyou:global name='web_templets_pc' /}/skin/list_slide2/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 88%;   bottom: 0px; z-index: 30;}
.ck-slidebox ul {float:right; width:60px;width:105px;height: 30px; padding: 0 0px; border:0px solid red;  /*background: rgba(0,0,0,0.5);*/}
.ck-slidebox ul li { float: left; position: relative; z-index:31;height: 12px; margin: 6px 2px;}
.ck-slidebox ul li em { display: block; width: 15px; padding:0px; height: 17px; line-height:17px; text-align:center;
    background-color: #fff; /*text-indent: -9999px;*/ cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #000; color:#FFF;}
/*.ck-slidebox ul li em:hover { background: rgba(0,0,0,0.2);}*/