.slideView{
overflow:hidden;
min-width:1008px;
height:336px;
position:relative;
}
.slideViewInner{
width: 800px;
margin:0 auto;
}

.filterL{
position:absolute;
height:336px;
width:100%;
left:-50%;
top:0;
margin-left:-400px;
z-index:99;
}
.filterR{
position:absolute;
height:336px;
width:100%;
right:-50%;
top:0;
margin-right:-400px;
z-index:99;
}
/*.filterR img,
.filterL img{
width:100%;
height:100%;
position:relative;
zoom:1;
}
*/
.twilight-show {
width: 800px;
height: 336px;
position: relative;
}
.twilight-box {
background:#000;
height:336px;
}
.twilight-show .twilight-box {
position: relative;
width:99999px;
margin:0;
opacity:1;
-webkit-transition-duration:0s;
-webkit-transition-timing-function:ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.twilight-show a {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.twilight-show .twilight-box li {
float:left;
line-height:0;
opacity:1;
-webkit-transition-duration:0s;
-webkit-transition-timing-function:ease-out;
-webkit-transition-property:-webkit-transform, opacity;
-webkit-transform:translate3d(0px, 0px, 0px);
}
.twilight-show .twilight-box li.active{
background:#fff;
}
.twilight-show .twilight-box li a:hover img{
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
/zoom:1;
}
.twilight-show .arrow-left,
.twilight-show .arrow-right{
position:absolute;
z-index:10;
top:147px;
cursor:pointer;
z-index:9999;
}
.twilight-show .arrow-left {
left:-20px;
}
.twilight-show .arrow-right {
right:-20px;
}