div.pager { background:#ffffff repeat left top; height:36px; margin:40px 0; padding:0 5px; }

div.pager a.pre { display:block; float:left; background:#00aeef; width:80px; height:22px; margin:4px 0 0 0; padding:6px 0 0 0; font-size:14px; text-align:center; color:#ffffff; }
div.pager a.next { display:block; float:right; background:#00aeef; width:80px; height:22px; margin:4px 0 0 0; padding:6px 0 0 0; font-size:14px; text-align:center; color:#ffffff; }
div.pager a.pre span.bullet { float:left; margin:1px 0 0 0; border:solid 7px #000000; border-color:#00aeef #ffffff #00aeef #00aeef; }
div.pager a.next span.bullet { float:right; margin:1px 0 0 0; border:solid 7px #000000; border-color:#00aeef #00aeef #00aeef #ffffff; }
div.pager a.pre:hover,
div.pager a.next:hover { background:#ff0000; color:#ffffff; }
div.pager a.pre:hover span.bullet { border-color:#ff0000 #ffffff #ff0000 #ff0000; }
div.pager a.next:hover span.bullet { border-color:#ff0000 #ff0000 #ff0000 #ffffff; }

div.pager ul.pagedots { width:150px; height:36px; margin:0 auto !important; }
div.pager ul.pagedots li { float:left; background:none !important; margin:0 !important; padding:0 !important; }

div.pager ul.pagedots li.dot a { position:relative; overflow:visible; display:block; width:25px; height:36px; text-align:center; text-decoration:none !important; }
div.pager ul.pagedots li.dot a span.bullet { display:block; font-size:30px; line-height:normal !important; color:#000000; }
div.pager ul.pagedots li.dot a span.tipbullet { position:absolute; display:block; visibility:hidden; left:8px; top:2px; border-style:solid; border-width:5px; border-color:#00aeef #ebebeb #ebebeb #ebebeb; }
div.pager ul.pagedots li.dot a span.tiplabel { position:absolute; display:block; visibility:hidden; background:#00aeef; left:-43px; bottom:33px; width:110px; padding:2px; color:#FFFFFF; text-align:center; font-size:11px; line-height:normal !important; }

div.pager ul.pagedots li.dot a:hover span.bullet { color:#00aeef; }
div.pager ul.pagedots li.dot a:hover span.tipbullet { visibility:visible; }
div.pager ul.pagedots li.dot a:hover span.tiplabel { visibility:visible; }

div.pager ul.pagedots li.activedot a { position:relative; overflow:visible; display:block; width:25px; height:35px; text-align:center; text-decoration:none !important; }
div.pager ul.pagedots li.activedot a span.bullet { display:block; font-size:30px; line-height:normal !important; color:#ff0000; }
div.pager ul.pagedots li.activedot a span.tipbullet { position:absolute; display:block; left:8px; top:22px; border-style:solid; border-width:5px; border-color:#ebebeb #ebebeb #ff0000 #ebebeb; }
div.pager ul.pagedots li.activedot a span.tiplabel { position:absolute; display:block; background:#ff0000; left:-43px; top:32px; width:110px; padding:2px; color:#FFFFFF; text-align:center; font-size:11px; line-height:normal !important; }