/**
 @ demo */
.slider {
width:1030px;
margin:0 auto 0;
}
.switchable-box {
position:relative;
width:1030px;
height:370px;
overflow:hidden;
border-bottom:1px solid #FFFFFF;
}
.switchable-content img {
width:1030px;
height:370px;
}
.switchable-content > a {
display:block;
}
.ui-arrow a {
display:block;
position:absolute;
top:45%;
z-index:9;
width:48px;
height:48px;
text-indent:-9999px;
background:url("../images/symbol/arrows.png") no-repeat 0 0;
cursor:pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=50);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.5;    /* Old Mozilla Browsers */
-webkit-opacity: 0.5;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.5;    /* Really old Safari browsers and Konqueror */
opacity: 0.5;    /* Modern browsers */
}
.ui-arrow a:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=100);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 1;    /* Old Mozilla Browsers */
-webkit-opacity: 1;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 1;    /* Really old Safari browsers and Konqueror */
opacity: 1;    /* Modern browsers */	
	}
.ui-arrow .ui-prev {
left:0px;
}
.ui-arrow .ui-next {
right:0px;
background-position:-48px 0;
}
.switchable-nav {
padding:9px 0 7px 0;
text-align:center;
background-color:#363636;
}
.switchable-nav li {
display:inline-block;
*display:inline;
zoom:1;
width:20px;
height:20px;
text-indent:-9999px;
*text-indent:0;
*font-size:0;
overflow:hidden;
background:url("../images/symbol/bullets.png") no-repeat 0 0;
cursor:pointer;
}
.switchable-nav li.active {
background-position:0 -22px;
}