Muchas gracias por la respuesta ^^
Tu codigo esta mucho mas limpio si aun estaba tratando de hacerlo funcionar y no me fije en como estaba :S
Te paso el HTML que tengo simplemente son unos divs con bootstrap:
Código:
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="feature_header text-center">
<h3 class="feature_title_Black">Our <b>Services</b></h3>
<h4 class="feature_sub">Texto de pruebaaaaaaa <strong>palabra en negrita</strong>texto de prueba</h4>
<div class="divider"></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 cubilete">
<div class="fondoIcon">
<div class="feature_content text-center">
<i class="fa fa-star"></i>
</div>
</div>
<div class="cuboTitulo">
<h4 class="titServ">Titulo Prueba</h3>
</div>
<div class="cuboTxt">
<p>Texto de prueba.</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 cubilete">
<div class="fondoIcon">
<div class="feature_content text-center">
<i class="fa fa-star"></i>
</div>
</div>
<div class="cuboTitulo">
<h4 class="titServ">Titulo Prueba</h3>
</div>
<div class="cuboTxt">
<p>Texto de prueba.</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 cubilete">
<div class="fondoIcon">
<div class="feature_content text-center">
<i class="fa fa-star"></i>
</div>
</div>
<div class="cuboTitulo">
<h4 class="titServ">Titulo Prueba</h3>
</div>
<div class="cuboTxt">
<p>Texto de prueba.</p>
</div>
</div>
</div>
Aqui te enseño lo que es la idea por si lo necesitas aunque esta en proceso:
Sin hover->
Con Hover ->
