#photoSilderFrame .carousel-inner {
    position: relative;
	margin: 0 auto !important;
    overflow: hidden;
    border-radius: 6px !important;
}
#photoSilderFrame .item img{
    border-radius: 6px !important;
    width:100%;
}
#photoSilderFrame .carousel-indicators {
	opacity: 0;
	left:0px !important;
	bottom:-1px !important;
    width: 100%;
	margin-left:0px !important;
}
#photoSilderFrame .carousel-indicators li{
    width: 12px;
    height: 12px;
}
#photoSilderFrame .carousel-indicators .active {
	background-color:blue;
    width: 15px;
    height: 15px;
}
#photoSilderFrame .carousel-indicators li:hover {
	background-color:blue;
}
#photoSilderFrame .carousel-control {
	opacity: 0;
    position: absolute;
    width: 6% !important;
    color: blue;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: 0.3;
}
#photoSilderFrame .carousel-control:hover {
    color: blue;
    opacity: 0.9
}
#photoSilderFrame .carousel-control .glyphicon-chevron-left{
	opacity: 0;
	top:50%;
	height:40px;
	width:40px;
	font-size:40px;
	margin-left: -20px;
}
#photoSilderFrame .carousel-control .glyphicon-chevron-right{
	opacity: 0;
	top:50%;
	height:40px;
	width:40px;
	font-size:40px;
	margin-right: -20px;
}
#photoSilderFrame .carousel-caption {
    opacity: 0;
    color: #f2f2f2;
    font-size: 15px;
    padding: 3px 1px;
    border-radius: 6px;
    position: absolute;
	left:0px;
    top: 1px;
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
}
#photoSilderFrame:hover .carousel-caption
,#photoSilderFrame:hover .carousel-control .glyphicon-chevron-left
,#photoSilderFrame:hover .carousel-control .glyphicon-chevron-right
,#photoSilderFrame:hover .carousel-indicators{
	opacity: 1;
}
#photoSilderFrame .w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}30%{opacity:1}75%{opacity:1}100%{opacity:0}}
#photoSilderFrame .w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
#photoSilderFrame .w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
#photoSilderFrame .w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
#photoSilderFrame .w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
#photoSilderFrame .w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
#photoSilderFrame .w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

#photoSilderFrame .carousel-control.left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.0001))) !important;
}
#photoSilderFrame .carousel-control.right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0))) !important;
}