.SiteNumLikes { position: relative; display: inline-block; height: inherit; line-height: inherit; vertical-align: middle; font-size: 11pt; font-weight: bold; cursor: pointer; }
.SiteblockLikes { filter: grayscale(0%); display: inline-block; position: relative; height: inherit; line-height: inherit; opacity: 0.5; vertical-align: middle; }
.SiteblockLikes:hover { opacity: 1; }
.SitelikesE, .SitelikesEon { cursor: pointer; position: absolute; width: 30px; height: 30px; filter: grayscale(100%); margin: 0 10px 0 0; top: 0; }
.SitelikesEon , .SitelikesE:hover { filter: grayscale(0%); }
.SitelikesN, .SitelikesNmy { display: none; top: -9px; z-index: 5; cursor: pointer; position: absolute; font-size: 11px; line-height: 10px; color: #555; padding: 3px; box-shadow: 0 0 5px rgba(255,255,255,1); background-color: #fff; border: 1px solid #f2f4f7; border-radius: 9px; }
.SitelikesNmy { background-color: #a0fd9b; color: black; }
.SiteblockLikes:hover img { position: static; }
.SiteblockLikes:hover div { display: inline; }
.SitelikesUL:after { content: ""; position: absolute; top: -8px; bottom: 100%; left: 8px; width: 0; height: 0; border-width: 0 8px 8px 8px; border-style: solid; border-color: #000 transparent; }
.SitelikesUL { display: none; position: absolute; top: 38px; left: -10px; padding: 5px 10px; font-size: 10pt; color: white; background-color: #000; z-index: 999; line-height: 12pt; }
.SitelikesUlist { white-space: nowrap; }
.SitelikesUlist a { display: inline-block; color: #fff; font-size: 10pt; padding: 3px; font-weight: normal; }
.SitelikesUlist a img { width: 20px; height: 20px; margin-right: 10px; line-height: 0px; vertical-align: middle; }
@keyframes likeRotate { 100% { transform:rotate(-0deg) } 0% { transform:rotate(-360deg) } }
.likeRotate { animation: likeRotate 1s infinite ease-in-out; }