#menu { position: fixed; left: 0;top: 50%; width: 100px; margin-top: -50px; padding: 0; list-style-type: none; z-index: 70;}
#menu li { width:150px; height:30px;text-align: center;float:left; margin-top:10px;}
#menu li a { display:block;width: 15px;height: 15px;margin-left: 50px;border-radius: 50%;background: #FF1100;text-decoration: none;color: #fff;overflow:hidden;text-align: center;line-height: 15px;}
#menu li.active a { background:#fff;color: red;width: 100px;text-align: center;border-radius: 5px;}
#menu li a:hover {
	background: rgba(255,255,255,0.5);
}