Problema con hover sobre texturas

[santiteco]

Hola tod@s, un saludo y felices fiestas lo primero!!!!

Me decido finalmente al escribir en el foro, despúes de hacer varias busquedas y encontrar algo pero  que no me acaba de funcionar como me gustaria, a ver si me  me podéis iluminar sobre un problema que tengo, que es el siguiente:

En la creacion de una tienda que estoy realizando quiero que al pasar el raton por una textura que se haga grande (o un fancybox si es posible) he encontrado el siguiente código y lo he intentado implantar en el tema .css, me hace la función pero me la hace a varios elementos como los botones de atributos y no es lo que quiero realmente, he intentado separarlos pero ya deja de fucionar.  mi tema es el angartheme2.4 en prestashop 1.7..

Tambien saber si sabéis hacer que indique el nombre de la textura escogida por el cliente me iría genial.

Gracias de antemano!!

Quote

.product-variants>.product-variants-item ul li .color,
.product-variants>.product-variants-item ul li .input-color {
border: 1px solid rgba(0, 0, 0, .15);
width: 70px;
height: 70px;
margin: 0;
}
.product-variants>.product-variants-item ul li .input-color:checked+span,
.product-variants>.product-variants-item ul li .input-color:hover+span,
.product-variants>.product-variants-item ul li .input-radio:checked+span,
.product-variants>.product-variants-item ul li .input-radio:hover+span {
  border: 3px solid #232323;
  transform: scale(2.5);
-webkit-transition: all 200ms ease-in;
 -webkit-transform: scale(2.5);
-ms-transition: all 200ms ease-in;
 -ms-transform: scale(2.5);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(2.5);
 transition: all 200ms ease-in;
 z-index: 20;
position:relative
}