.holder,.scrollwrap{margin:auto}.holder{max-width:1200px;position:relative}.frame{clear:both;height:550px;line-height:550px;margin-top:45px}.frame ul{list-style:none;margin:0;padding:0;height:100%;font-size:50px}.frame ul li{background:#fff;color:#ddd;cursor:pointer;float:left;height:100%;margin:0 1px 0 0;padding:25px;text-align:center;width:650px}.frame ul li img{width:100%;height:auto}.frame ul li.active{color:#fff}.scrollbar{background:#ccc;border-radius:86px;box-shadow:1px 1px #eee,2px 2px #eee,3px 3px #eee,4px 4px #eee,5px 5px #eee;height:6px;line-height:0;margin:0 auto 25px;max-width:712px}.pages li,.scrollbar .handle{cursor:pointer;background:#fff}.scrollbar .handle{border:1px solid #eee;border-radius:50px;box-shadow:0 0 8px rgba(0,0,0,.1);height:100%;opacity:.9}.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px}.pages{list-style:none;margin:0;padding:0;text-align:center;display:none}.pages li{display:inline-block;width:14px;height:14px;margin:0 4px;text-indent:-999px;border-radius:0;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.pages li.active,.pages li:hover{background:#20c9e7}