mediabox dans une boucle principale_(article)

Bonjour, 
j'ai une rubrique avec 4 parties articles qui comprennent chacune des images dans un portfolio. Quand je clique sur l'article, il me revoit à article-3.html (ca ok c'est ce que je veux). Mais les images de cet article ne s'ouvrent pas dans la mediabox, alors que j'ai bien une class="mediabox".
Cela viendrait -il de mon code? Le voici:

<BOUCLE_principale(ARTICLES) {id_article}> .......

<div id="article_location">

<h1>#TITRE</h1>
<ul>
    
           <BOUCLE1(ARTICLES){id_article}{par titre}{doublons}>
           <div id="articles_de_tls">
           <BOUCLE_diaporama(DOCUMENTS){id_article}{extension==jpg|png|gif}>
               <div class="photo[(#COMPTEUR_BOUCLE|=={1}|oui) visible]" >
              
                 <a href="#URL_DOCUMENT" rel="diaporama_#ID_ARTICLE" class="mediabox">[(#FICHIER|image_reduire{150,150}|inserer_attribut{alt,#TITRE})]</a>
                  
               </div>
               
            </BOUCLE_diaporama>
     
            <style type="text/css">
            .photo {display:none; width:00px;}
            .photo.visible {display:block}
            </style>
            
            	[(#TEXTE)]
            
      		
</BOUCLE1>
	</ul><br/>

</div><!-- article_location-->

......</BOUCLE_principale>
Merci à tous ceux qui voudront bien me donner un petit coup de main !