Hover color to each costume icon

Hello,

How can I design icons so when I click on each icon individually the hover color change?

I changed one CSS background for all icons:
.socialmedia-buttons img.fade:hover {
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
background-image: URL(‘/wp-content/themes/atahualpa/images/soc2.png’) !important;
border: 1px solid #000000;
border-radius: 40px;

I need that each icon would be a different hover color, how can I do this? Which css code I need to add?

Thank you.

http://wordpress.org/extend/plugins/social-media-widget/