#myGallery { width:460px; height:345px; z-index:5; display:none; border:1px solid #000; } .jdGallery { overflow:hidden; position:relative; } .jdGallery img { border:0; margin:0; } .jdGallery .slideElement { width:100%; height:100%; background-color:#000; background-repeat:no-repeat; } .jdGallery .loadingElement { width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000; background-repeat:no-repeat; background-position:center center; background-image:url('img/loading-bar-black.gif'); } .jdGallery .slideInfoZone { position:absolute; z-index:10; width:100%; margin:0px; left:0; bottom:0; height:40px; background:#333; color:#fff; text-indent:0; overflow:hidden; } * html .jdGallery .slideInfoZone { bottom:-1px; } .jdGallery .slideInfoZone h2 { padding:0; font-size:80%; margin:0; margin:2px 5px; font-weight:bold; color:inherit; } .jdGallery .slideInfoZone p { padding:0; font-size:60%; margin:2px 5px; color:#eee; } .jdGallery div.carouselContainer { position:absolute; height:135px; width:100%; z-index:10; margin:0px; left:0; top:0; } .jdGallery a.carouselBtn { position:absolute; bottom:0; right:30px; height:20px; text-align:center; padding:0 10px; font-size:13px; background:#333; color:#fff; cursor:pointer; } .jdGallery .carousel { position:absolute; width:100%; margin:0px; left:0; top:0; height:115px; background:#333; color:#fff; text-indent:0; overflow:hidden; } .jdGallery .carousel .carouselWrapper { position:absolute; width:100%; height:78px; top:10px; left:0; overflow:hidden; } .jdGallery .carousel .carouselInner { position:relative; } .jdGallery .carousel .carouselInner .thumbnail { cursor:pointer; background:#000; background-position:center center; float:left; border:solid 1px #fff; } .jdGallery .carousel .label { font-size:13px; position:absolute; bottom:5px; left:10px; padding:0; margin:0; } .jdGallery .carousel .label .number { color:#b5b5b5; } .jdGallery a { font-size:100%; text-decoration:none; color:inherit; } .jdGallery a.right,.jdGallery a.left { position:absolute; height:99%; width:25%; cursor:pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2; } * html .jdGallery a.right,* html .jdGallery a.left { filter:alpha(opacity=50); } .jdGallery a.right:hover,.jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; } .jdGallery a.left { left:0; top:0; background:url('img/fleche1.png') no-repeat center left; } * html .jdGallery a.left{ background:url('img/fleche1.gif') no-repeat center left} .jdGallery a.right { right:0; top:0; background:url('img/fleche2.png') no-repeat center right; } * html .jdGallery a.right{ background:url('img/fleche2.gif') no-repeat center right} .jdGallery a.open { left:0; top:0; width:100%; height:100%; } .withArrows a.open { position:absolute; top:0; left:25%; height:99%; width:50%; cursor:pointer; z-index:10; background:none; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; } .withArrows a.open:hover{ background:url('img/open.png') no-repeat center center} * html .withArrows a.open:hover{ background:url('img/open.gif') no-repeat center center; filter:alpha(opacity=80)}