ul,li{ list-style:none;}
html, body {
    margin: 0;
    padding: 0;
}
#slider {
    position: absolute;
    width: 988px;
    height: 350px;
    overflow: hidden;
    margin:0 auto;
}
#slider .slide {
    position: absolute;
    top: 0px;
    height: 350px;
    width: 600px;
    background: #000;
    overflow: hidden;
    border-left: #000 solid 1px;
    cursor: default;
}
#slider .title   {
    color: #F80;
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 1.5em;
    text-decoration: none;
}
#slider .backgroundText {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    background: #01559d;
    filter: alpha(opacity=10);
    opacity: 0.8;
}
#slider .text {
    position: absolute;
    top: 1%;
    top: 100%;
    color: #FFF;
    font-size: 0.9em;
    text-align: justify;
    width: 470px;
    left: 10px;
    padding-top:0px;
}
#slider .diapo {
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: hidden;
}
#slider{
    list-style:none; width:100%; height:100%; margin:0; padding:0; top:0;
    overflow: hidden;
}
#slider li{
    width:100%;
    overflow: hidden;
    height:100%;
    display:none;
    position:absolute;
    background-position: bottom!important;
    background-repeat: no-repeat!important;
    /*background-attachment: fixed!important;*/
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    /*background-size: auto 90%!important;*/
    opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;

}

#naviSlider{
    list-style:none;  margin:0 auto; width:auto; text-align:center;  position: absolute;bottom:0px;left: 45%;
    margin-bottom: -4px;
}
#naviSlider  li{
    height:15px; width:40px;   cursor:pointer; display:inline-block;
    background:#1f2227;
    *zoom:1;*display:inline;*margin-left:2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#naviSlider li.on{
    height:20px;
    background:#FF8000;
    /*_background:url(/images/dot_ie6.png) left center no-repeat;*/
}
.picdiv{
    position: relative;
}
.picdiv .mask{
    position: absolute;
    background: #111111;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.picdiv:hover .mask{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}