#pp {
    float:right;
    margin-top:30px;
}


#pp div{
     width:22px; height:22px; line-height:20px; text-align:center;
      background-color:#fff; color:#505050; border:1px solid #ccc;
      border-radius:22px;
       margin:5px; float:left;
}
#pp div:hover {
    background-color:#505050; color:#fff;
    }

#pp .cc{
     background-color:#505050; color:#fff;
}