#slider { position: relative; top: 0; left: 0 }
.slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100% }
.jssora, .jssoradn { position: absolute; width: 40px; height: 40px; font: 50px/34px Georgia, "Times New Roman", Times, serif; color: #fff; border: 2px solid #fff; border-radius: 100%; text-align: center; cursor: pointer; display: block; overflow: hidden; opacity: 0.6; transition: all 0.3s; }
.jssora:hover, .jssoradn:hover { opacity: 0.9 }
.jssorb17 div, .jssorb17 div:hover, .jssorb17 .av { border: 2px solid #aaa; box-sizing: border-box; border-radius: 100%; overflow: hidden; cursor: pointer; position: absolute; width: 12px; height: 12px; box-shadow:0 0 5px #000 }
.jssorb17 div:hover, .jssorb17 .av:hover { border-color: #fff }
.jssorb17 .av { background: #111; border-color: #eee }
.jssorb17 .dn, .jssorb17 .dn:hover { background: #fff }
.jssorcap { background:rgba(0,0,0,0.7); color:#fff; padding:20px; line-height:20px; box-sizing:border-box; position:absolute; bottom:10%; right:5%; min-width:25%; max-width:50% }