.tx-rgsmoothgallery-pi1 {
background:url("img/loading-bar-black.gif") no-repeat scroll center center #000000;
}
.myGallery {
border:1px solid #fff;
display:none;
height:345px;
width:460px;
z-index:5;
}
.jdGallery {
overflow:hidden;
position:relative;
}
.jdGallery img {
border:0 none;
margin:0;
}
.jdGallery .slideElement {
background-color:fff;
background-position:center center;
background-repeat:no-repeat;
height:100%;
left:0;
margin:0;
opacity:0;
padding:0;
position:absolute;
right:0;
width:100%;
}
.jdGallery .loadingElement {
background-color:#000000;
background-image:url("img/loading-bar-black.gif");
background-position:center center;
background-repeat:no-repeat;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.jdGallery .slideInfoZone {
background:none repeat scroll 0 0 #333333;
bottom:0;
color:#FFFFFF;
height:40px;
left:0;
margin:0;
overflow:hidden;
position:absolute;
text-indent:0;
width:100%;
z-index:10;
}
* html .jdGallery .slideInfoZone {
bottom:-1px;
}
.jdGallery .slideInfoZone h2 {
color:inherit;
font-size:80%;
font-weight:bold;
margin:2px 5px;
padding:0;
}
.jdGallery .slideInfoZone p {
color:#EEEEEE;
font-size:60%;
margin:2px 5px;
padding:0;
}
.jdGallery div.carouselContainer {
height:135px;
left:0;
margin:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}
.jdGallery a.carouselBtn {
background:none repeat scroll 0 0 #333333;
bottom:0;
color:#FFFFFF;
cursor:pointer;
font-size:13px;
height:20px;
padding:0 10px;
position:absolute;
right:60px;
text-align:center;
}
.jdGallery a.play {
background:url("img/control_play.png") no-repeat scroll right center transparent;
bottom:0;
cursor:pointer;
height:20px;
position:absolute;
right:30px;
width:20px;
}
.jdGallery a.pause {
background:url("img/control_pause.png") no-repeat scroll right center transparent;
}
.jdGallery .carousel {
background:none repeat scroll 0 0 #333333;
color:#FFFFFF;
height:115px;
left:0;
margin:0;
overflow:hidden;
position:absolute;
text-indent:0;
top:0;
width:100%;
}
.jdGallery .carousel .carouselWrapper {
height:78px;
left:0;
overflow:hidden;
position:absolute;
top:10px;
width:100%;
}
.jdGallery .carousel .carouselInner {
position:relative;
}
.jdGallery .carousel .carouselInner .thumbnail {
background:none repeat scroll center center #000000;
border:1px solid #FFFFFF;
cursor:pointer;
float:left;
margin:0;
padding:0;
}
.jdGallery .carousel .label {
bottom:5px;
font-size:13px;
left:10px;
margin:0;
padding:0;
position:absolute;
}
.jdGallery .carousel .label .number {
color:#B5B5B5;
}
.jdGallery a {
color:inherit;
font-size:100%;
text-decoration:none;
}
.jdGallery a.right, .jdGallery a.left {
cursor:pointer;
height:99%;
opacity:0.2;
position:absolute;
width:25%;
z-index:10;
}
* html .jdGallery a.right, * html .jdGallery a.left {

}
.jdGallery a.right:hover, .jdGallery a.left:hover {
opacity:0.8;
}
.jdGallery a.left {
background:url("img/fleche1.png") no-repeat scroll left center transparent;
left:0;
top:0;
}
* html .jdGallery a.left {
background:url("img/fleche1.gif") no-repeat scroll left center transparent;
}
.jdGallery a.right {
background:url("img/fleche2.png") no-repeat scroll right center transparent;
right:0;
top:0;
}
* html .jdGallery a.right {
background:url("img/fleche2.gif") no-repeat scroll right center transparent;
}
.jdGallery a.open {
height:100%;
left:0;
top:0;
width:100%;
}
.jdGallery a.open {
background:none repeat scroll 0 0 transparent;
cursor:pointer;
height:99%;
left:25%;
opacity:0.8;
position:absolute;
top:0;
width:50%;
z-index:10;
}
.jdGallery a.open:hover {
background:url("img/open.png") no-repeat scroll center center transparent;
}
* html .jdGallery a.open:hover {
background:url("img/open.gif") no-repeat scroll center center transparent;
}