Supprimer class colorbox

Bonjour,

J'utilise colorbox sur mon portfolio qui possède une fonction de filtre par album.

Lorsque je filtre sur un album les autres images du portfolio passent en display:none mais ces images continuent d'apparaitre dans la lightbox colobox... et bien entendu je ne voudrais pas !
Donc je pensais pouvoir supprimer la classe colorbox sur ces éléments mais cela ne fonctionne pas... j'espère que je suis claire...

Voici le code html

    <li class="portfolio-item" style="display: none;">
    <div class="item-image">
        <a class="colorbox cboxElement" href="http://www.monsite.fr/IMG_1423.jpg""></a>
    </div>
</li>
<li class="portfolio-item" style=" ">
    <div class="item-image">
        <a class="colorbox cboxElement" href="http://www.monsite.fr/IMG_1424.jpg""></a>
    </div>
</li>

et le javascript

jQuery(document).ready(function($){

	$(".portfolio-item .item-image a[href$='.jpg']").colorbox({
	rel:"group2",
	maxWidth:"95%", 
	maxHeight:"95%"});	
	
	if $('li.portfolio-item').filter(':hidden').map(function() {
		$(this).find('a.colorbox').removeClass('colorbox');
	});
		
});

Avec ce code la class colorbox est supprimée sur tous les éléments...

Merci de votre aide