/* slider ----------------------------------------------------------*/ .slider { margin:0px;padding:0px;border:0px; } .slide > * { max-width: 100%; } .slider .slide-prev , .slider .slide-next{ cursor: pointer; height: 48px; width: 48px; position: absolute; top: 50%; margin-top: -24px; background-color: rgba(255,255,255,0.8); padding: 0px; opacity: 0.8; } .slider .slide-prev { left: 0; } .slider .slide-next { right: 0; } .slider .slide-prev:before, .slider .slide-next:before { display: block; width: 48px; height: 48px; font-size: 40px; line-height: 50px; text-align: center; font-family: 'BenchNine', sans-serif; position: absolute; } .slider .slide-prev:before { content:"<"; } .slider .slide-next:before { left: 3px; /* for better central alignment */ content:">"; } .slider .slide-next:hover, .slider .slide-prev:hover { background-color: rgba(255,255,255,0.9); } /*wxf*/ .es-caption { position: absolute; z-index:1; bottom:0px; text-align:left; background-color:rgba(0,0,0,0.5); color: #fff; font-size:14px; font-family:微软雅黑; padding:5px 10px; margin:0px; width:100%; height:auto; left: 0px; right: 0px; border:0px; } .es-pager { position: absolute; z-index:2; bottom:0px; right:0px; text-align: right; background-color:transparent; color: #fff; font-size:14px; padding:5px 10px; margin:0px; width:auto; left: 0px; right: 0px; border:0px; } ul.es-pager li { display:inline-block; margin:3px; padding:0px; background-color:#888888; width:10px; height:10px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } ul.es-pager li:hover, ul.es-pager li.act { background-color:#ffffff; cursor:pointer; } ul.es-pager li.act { cursor:default; }