#mySlideshow3{	width: 100px;	height: 100px;	z-index:10;}

.jdSlideshow{	display: none;	overflow:hidden;	position: relative;}

.jdSlideshow img{	border: 0;	margin: 0; width: 100px;	height: 100px;}

.jdSlideshow .slideElement{	width: 100%;	height: 100%;	background-color: #000;	background-repeat: no-repeat;}

.jdSlideshow .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('slide/loading-bar-black.gif');}

.jdSlideshow .slideInfoZone{	position: absolute;	z-index: 10;	width: 100%;	margin: 0px;	left: 0;	bottom: 0;	height: 40px;	background: #333;	color: #fff;	text-indent: 0;}

.jdSlideshow .slideInfoZone h2{	padding: 0;	font-size: 60%;	margin: 0;	margin: 2px 5px;	font-weight: bold;	color: inherit;}

.jdSlideshow .slideInfoZone p{	padding: 0;	font-size: 60%;	margin: 2px 5px;	color: #eee;}

.jdSlideshow a{	font-size: 100%;	text-decoration: none;	color: inherit;}

.jdSlideshow a.right, .jdSlideshow a.left{	position: absolute;	height: 100%;	width: 40%;	cursor: pointer;	z-index:10;	filter:alpha(opacity=20);	-moz-opacity:0.2;	-khtml-opacity: 0.2;	opacity: 0.2;}

* html .jdSlideshow a.right, * html .jdSlideshow a.left{	filter:alpha(opacity=50);}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover{	filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}

.jdSlideshow a.left{	left: 0;	top: 0;	background: url('slide/fleche1.png') no-repeat top left;}

* html .jdSlideshow a.left { background: url('slide/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right {	right: 0;	top: 0;	background: url('slide/fleche2.png') no-repeat top right;}

* html .jdSlideshow a.right { background: url('slide/fleche2.gif') no-repeat top right; }