#circlenavs,#circlenavs a { width:50px; height:50px;}
#circlenavs{position:fixed;left:4px;bottom:4px;line-height:50px;list-style-type:none;margin:0;padding:0;text-align:center;color:#fff;cursor:pointer;z-index:2001}
#circlenavs>li,#circlenavs:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;background-color: rgba(0,0,0,0.5);}
#circlenavs>li{transition:all .4s;-webkit-transition:all .4s;-moz-transition:.4s;opacity:0; }
#circlenavs:after{content:"\2b";z-index:1;border-radius:50%;-webkit-border-radius:50%; font-family:'Glyphicons Halflings'; font-size:25px;}
#circlenavs.active:after{content:"\2b";transform:rotate(45deg)}
#circlenavs a{display:inline-block;border-radius:50%;-webkit-border-radius:50%;text-decoration:none;color:#fff;font-size:25px;}
#circlenavs a .glyphicon{ /*top:7px;*/}
#circlenavs-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2000;background-color:rgba(0,0,0,0.5);}

.mod #circlenavs{ position:absolute;left:initial;bottom:initial;}