.slider {
width: 100%;
height: 305px;
padding: 0 0 5px;
clear: both;
}
#my-carousel {
position: relative;
overflow: hidden;
}
div.my-item {
position: relative;
display:block;
float:left
}
.my-carousel img {
display: block;
float: left;
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
div.my-item div.idesc {
background-color:#fff;
width: auto;
display: none;
position: absolute;
bottom: 0;
color: #FFF;
padding: 20px;
margin: 20px;
opacity:0.8
}
div.my-item div.idesc p {
padding: 0;
margin: 0;
font-size:24px;
color:#007353;
font-style:italic;
font-family: Georgia, serif;
background-color:#fff
}
#my-carousel .caroufredsel_wrapper {
height: 305px !important;
}
.left-carousel-control, .right-carousel-control {
display: block;
height: 305px !important;
width: 33%;

position: absolute;
}
.left-carousel-control{left: -325px!important;}
.right-carousel-control {right: -325px!important;}
.left-carousel-control span, .right-carousel-control span {
background: url("../img/control.png") no-repeat;
display: inline-block;
height: 70px;
width: 70px;
top:0;
cursor: pointer;
opacity: 0.7;
}
.left-carousel-control span{
float: right;
margin-right: -33px;
margin-top: 125px;
background-position:0 0
}
.right-carousel-control span{
float:left;
margin-left: -33px;
margin-top: 125px;
background-position:0 -70px
}
.left-carousel-control, .right-carousel-control {
cursor: default;
}
.left-carousel-control span:hover, .right-carousel-control span:hover{
opacity:1
}
.control {position: relative;background: url("../img/fon.png") center top repeat-y;top: -305px;height:305px;}
.control>div {width: 1000px;margin: auto;display: block;position: relative;}