Hover em imagem não aparece

[Julio Cavallari 3]

Esotu com um problema no meu código, quando eu posiciono o mouse em cima da imagem o hover dela não aparece, já até coloquei um valor absurdo de z-index, achando que o problema era esse mas não resolveu, e a classe está sendo ativada quando eu olho o console, mas não aparece

.content-area .entry-thumb {
		text-align: center;
		transition: all 1s ease-in;
	}

.content-area .entry-thumb:hover
{
	background-color:rgba(255,255,255,0.7);
	z-index:1000000;
}

<article id="post-106" class="post-106 post type-post status-publish format-image has-post-thumbnail hentry category-newborn post_format-post-format-image">

			<div class="entry-thumb">
			<a href="http://brunooliveirafotoedesign.esy.es/newborn/newborn-samuel/" title="Newborn Samuel"><img width="830" height="553" src="http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-830x553.jpg" class="attachment-sydney-large-thumb size-sydney-large-thumb wp-post-image" alt="" srcset="http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-830x553.jpg 830w, http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-300x200.jpg 300w, http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-768x512.jpg 768w, http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-230x153.jpg 230w, http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-350x233.jpg 350w, http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n-480x320.jpg 480w, http://brunooliveirafotoedesign.esy.es/wp-content/uploads/2017/04/17554051_1804160642931324_7776911605029775934_n.jpg 960w" sizes="(max-width: 830px) 100vw, 830px" /></a>	
		</div>
	<header class="entry-header">
		<h2 class="title-post entry-title"><a href="http://brunooliveirafotoedesign.esy.es/newborn/newborn-samuel/" rel="bookmark">Newborn Samuel</a></h2>
			</header><!-- .entry-header -->
	<div class="entry-post">
							
			</div><!-- .entry-post -->

	<footer class="entry-footer">
		<span class="edit-link"><a class="post-edit-link" href="http://brunooliveirafotoedesign.esy.es/wp-admin/post.php?post=106&#038;action=edit">Edit</a></span>	</footer><!-- .entry-footer -->
</article><!-- #post-## -->

 

[Julio Cavallari 3]

(function($){
        	$(document).ready(function(e){
			$(".entry-header").hide();
			$(".entry-thumb").on("mouseover", function(){
				var $this = $(this);
				$this.next().show();
				$this.addClass("hover");
			});
			$(".entry-thumb").on("mouseout", function(){
				var $this = $(this);
				$this.next().hide();
				$this.removeClass("hover");
			});
		});
    	})(jQuery);

.hover
{
	background-color:rgba(255,255,255,0.7);
	transition: all 1s ease-in;
}

Tentei até com jquery adicionando uma classe pra simular o hover, a classe é adicionada, mas a imagem continua aparecendo acima de tudo

[Julio Cavallari 3]

Continua a mesma coisa, o problema é que é um tema do WP, e não achei nada que interfira na posição da imagem, mas ela sempre fica acima de tudo