.slide{background:#f0f0f0}
.slide ul{padding:0; overflow:hidden}
.slide ul li{width:160px; display:inline-block; float:left}
.slide .item{}
.slide .item a{text-decoration:none !important}
.slide .item .item-container{}
.slide .item .item-container .image{width:104px; height:155px; margin:auto; position:relative}
.slide .item .item-container .image img{width:104px; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:absolute;}
.slide .item .item-container .title{text-align:center; text-overflow:ellipsis; margin:2px 5px; color:#4D4D4F;}

.slide>div{width:20px; display:inline-block; background:#f0f0f0;}

.scrollbar{height:5px; background:#ccc; line-height:0;}
.scrollbar .handle{width:100px; height:100%; background:#4D4D4F; cursor:pointer; border:1px solid #ccc;}

.slide-wrap{width:682px; margin:0 auto; position:relative;}
.slide-wrap .prevPage, .slide-wrap .nextPage{background:#4D4D4F; height:195px; width:20px; position:absolute; top:0; cursor:pointer; border:none;}
.slide-wrap .nextPage{right:-25px; border-radius:0 5px 5px 0;}
.slide-wrap .prevPage{left:-25px; border-radius:5px 0 0 5px;}

.slide-wrap .nextPage.disabled, .slide-wrap .prevPage.disabled{background:#a5a5a5; cursor:pointer}

.slide-wrap .prevPage .arrow, .slide-wrap .nextPage .arrow{width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; margin:82px 0 0 5px;}
.slide-wrap .nextPage .arrow{border-left:10px solid #fff;}
.slide-wrap .prevPage .arrow{border-right:10px solid #fff;}