Como poner un módulo de clase  

Tengo widgetkid 2 instalado y he creado varios módulos en los que al pasar el cursor cambia el color.
Ahora lo hace con un color pastel, pero me gustaría que solo en algunos módulos saliese en color naranja o negro translúcido.
En la hoja custom.css he creado estas clases, pero no se lo que tengo que escribir en el espacio de sufijo de clase para que salgan las características que busco para el módulo.

/*over NARANJAPASTEL en widgetkid2*/

.tm-top-b .uk-panel figure .uk-overlay-panel {
background-color: rgba(254,84,0,1);
background: radial-gradient(ellipse at center, #fc9b6b 0%, #444444 180%);
background: -webkit-radial-gradient(center, ellipse cover, #fc9b6b 0%, #444444 180%);

}

/*over NARANJA en widgetkid2*/

.tm-top-b .uk-panel figure .uk-overlay-panel-naranja {
background-color: rgba(254,84,0,1);
background: radial-gradient(ellipse at center, #fe5400 0%, #444444 180%);
background: -webkit-radial-gradient(center, ellipse cover, #fe5400 0%, #444444 180%);

}

/*over NEGRO TRANSLÚCIDO en widgetkid2*/

.tm-top-b .uk-panel figure .uk-overlay-panel-negro { background-color: rgba(0,0,0,0.5); }

URL del sitio: Contenido solo visible a usuarios registrados