/*reset 使用插件可忽略*/
*{
    vertical-align: baselinebaseline;    
    font-family: inherit;    
    font-style: inherit;    
    font-size: 100%;    
    border: none;    
    padding: 0;    
    margin: 0; 
}
body {width:100%; font-family:  Microsoft YaHei;}
ol, ul {    
    list-style: none; 
}
fieldset, img { border:0; vertical-align:top; }
a { color:#666; text-decoration:none; cursor:pointer; outline: none;}
a img, :link img, :visited img {   
       border:0px; 
       text-decoration: none;
       vertical-align: middle;   
}
/*reset end*/

/*样式根据需要更改 最好带上父元素#slide,提高优先级 此处的next和prev为调用插件时设置的按钮属性nextClass/prevClass的值*/
#slide .prev
{
    clear:both;
    /*left: -410px;margin-left:0px;*/
    left:50%;
    margin-left:-679px;
    display:block;
    height:80px;
    width:55px;
    /*border:solid 1px red;*/
    background:url(../images/prev.png) center center no-repeat;
}
.banner>img
{
    width:100%;
    height:100%;
    }
#slide .prev:hover
{
    clear:both;
   /* left: -410px;margin-left:0px;*/
    left:50%;
    margin-left:-679px;
    
    display:block;
    height:80px;
    width:55px;
    /*border:solid 1px red;*/
    background:url(../images/prev_no.png) center center no-repeat;
}
#slide .next
{
    clear:both;
    /*right: -470px;*/
   /* border:solid 1px red;*/
    display:block;
    height:80px;
    right:50%;
    margin-right:-535px;
    width:55px;
    background:url(../images/next.png) center center no-repeat;
}                                                                                                                                                                                                       
#slide .next:hover
{
    clear:both;
    /*right: -470px;*/
   /* border:solid 1px red;*/
    display:block;
    right:50%;
    margin-right:-535px;
    height:80px;
    width:55px;
    background:url(../images/next_no.png) center center no-repeat;
}
/*轮播导航图标样式，这里的ul.page的page为调用插件时设置的page属性的值,根据需要修改自己想要的样式效果*/
#slide ul.page{
    bottom: -20px;
   
    
}
/*此处page原理同上 ,轮播导航图标非当前图标样式,*/
#slide ul.page li{
    cursor: pointer;
    color: #000;
    width: 12px;
    height: 12px;
    background: #ccc;
    text-align: center;
    margin: 0 5px;
    border-radius:20px;
}
/* 此处page原理同上 ,on为当前图片的图标样式*/
#slide ul.page li.on{
    color: red;
    background: #696969;
}