/* slider */
#slideshow {
display:inline-block;
position:relative;
margin:0 0 25px;
width:100%;
height:390px;
}
#slider{
height:390px;
line-height:0;
text-align:center;
}
#slider ul{
-webkit-transition:left 800ms ease-in 0;
-moz-transition:left 800ms ease-in 0;
-o-transition:left 800ms ease-in 0;
-ms-transition:left 800ms ease-in 0;
transition:left 800ms ease-in 0;
}
#slider ul li {
position:relative;
height:390px;
}

#slider ul li:nth-child(1) {
background:#2b2d30 url(../slideshow/3.jpg) center center;
}

#slider ul li:nth-child(2) {
background:#2b2d30 url(../slideshow/2.jpg) center center;
}

#slider ul li:nth-child(3) {
background:#2b2d30 url(../slideshow/0.jpg) center center;
}

#slider ul li:nth-child(4) {
background:#2b2d30 url(../slideshow/1.jpg) center center;
}

/* ie8 */
#slider ul>li {
background:#2b2d30 url(../slideshow/3.jpg) center center;
}

#slider ul>li + li {
background:#2b2d30 url(../slideshow/2.jpg) center center;
}

#slider li + li + li {
background:#2b2d30 url(../slideshow/0.jpg) center center;
}

#slider li + li + li + li {
background:#2b2d30 url(../slideshow/1.jpg) center center;
}

#slider ul li {
background-size:auto 100% !important;
background-repeat:no-repeat !important;
}
#slider ul li h3 {
position:absolute;
left:0px;
top:44%;
margin:0;
padding:0;
display:inline-block;
width:100%;
font-weight:bold;
letter-spacing:2px;
color:#fff;
-moz-text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px #000;
}
#slider ul li em {
position:absolute;
left:0px;
bottom:0px;
display:inline-block;
width:100%;
height:70px;
font-style:normal;
opacity:0.8;
background:#000;
overflow:hidden;
}
#slider ul li p {
margin:0;
padding:0;
position:absolute;
left:0px;
bottom:0px;
display:inline-block;
width:100%;
height:70px;
z-index:999;
}
#slider ul li p a {
margin:14px auto;
}
#pagenavi {
position:absolute;
bottom:20px;
left:0px;
width:100%;
font-size:0;
text-align:center; 
z-index:999;
}
#pagenavi a {
display: inline-block;
vertical-align: middle;
width:10px;
height:10px;
overflow: hidden;
margin: 0 3px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:16px;
background: #666;
-moz-box-shadow:#666 0px 0px 8px 0px;
-webkit-box-shadow:#666 0px 0px 8px 0px;
box-shadow:#666 0px 0px 8px 0px;
cursor: pointer;
}
#pagenavi a.active{
background: #fff;
}