#myGallery {
width: 742px;
height: 280px;
z-index: 1;
overflow: hidden;
}
.jdGallery {
overflow: hidden;
position: relative;
}
.jdGallery img {
border: 0;
margin: 0;
}
.jdGallery .slideElement {
width: 100%;
height: 100%;
background: #FFFFFF url("../imgs/loader.gif") no-repeat center center;
}
.jdGallery .loadingElement {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #FFFFFF url("../imgs/loader.gif") no-repeat center center;
}
.jdGallery .slideInfoZone {
margin: 0 20px 0 20px;
position: absolute;
z-index: 10;
left: 0;
bottom: 0;
width: 100%;
height: 48px;
background: #D2D2D2;
overflow: hidden;
cursor: default;
}
.jdGallery .slideInfoZone h2 {
padding: 5px 0 0 20px;
font: bold 18px arial;
letter-spacing: -1px;
color: #E31C24;
}
.jdGallery .slideInfoZone p {
padding: 0 0 0 20px;
font: normal 14px arial;
letter-spacing: -1px;
color: #000000;
}
.jdGallery div.carouselContainer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 135px;
z-index: 20;
margin: 0;
}
.jdGallery a.carouselBtn {
position: absolute;
bottom: -20px;
right: -1px;
height: 7px;
display: block;
text-align: center;
padding: 10px 10px 10px 10px;
_padding: 10px 10px 5px 10px;
font: normal 18px arial;
letter-spacing: -1px;
background: #E33336;
color: #FFFFFF;
cursor: pointer;
border-bottom: 15px solid #E33336;
}
.jdGallery .carousel {
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #E33336;
color: #FFFFFF;
overflow: hidden;
cursor: default;
border-bottom: 4px solid #E33336;
}
.jdGallery .carousel .carouselWrapper {
position: absolute;
width: 100%;
height: 78px;
top: 10px;
overflow: hidden;
}
.jdGallery .carousel .carouselInner { position: relative; }
.jdGallery .carousel .carouselInner .thumbnail {
cursor: pointer;
background: #FFFFFF;
float: left;
border: 1px solid #FFFFFF;
}
.jdGallery .carousel .carouselInner .thumbnail:hover { border: 1px solid #863042; }
.jdGallery .carousel .label {
font: bold 11px verdana;
color: #FFFFFF;
position: absolute;
bottom: 7px;
left: 10px;
padding: 0;
}
.jdGallery .carousel .label .number {
font: bold 11px verdana;
color: #FFFFFF;
}
.jdGallery a {
font-size: 100%;
text-decoration: none;
color: inherit;
}
.jdGallery a.right, .jdGallery a.left {
position: absolute;
height: 100%;
width: 25%;
cursor: pointer;
z-index: 15;
}
.jdGallery a.left {
left: 0;
top: 0;
background: url("../imgs/bt_prev.gif") no-repeat left bottom;
}
.jdGallery a.right {
right: 0;
top: 0;
background: url("../imgs/bt_next.gif") no-repeat right bottom;
}
.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;
}
.withArrows a.open:hover { background: url("../imgs/open.gif") no-repeat center center; }