@charset "utf-8";
/* CSS Document */

#top{ width:100%; height:139px; position:relative; display:none}
#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}

#box{ width:100%; height:300px; overflow:hidden; position:relative;}
#list{ width:952px; height:300px; position:absolute; top:0px; left:50%; display:inline; margin-left:-476px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:400px;position:absolute;list-style-type:none;overflow:hidden; cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li .mbdiv{width:100%;height:100%;background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; z-index:1; top:0px; left:0px;}
#list li a{ display:none; width:400px; height:300px; position:absolute; top:0px; left:0px; z-index:11;}
#list li.hove a{ display:block; }

#btn{ width:100%; position:relative;}
#btn a{ display:block; width:55px; height:55px; position:absolute; z-index:1000; top:-165px;}
#btn .prev{ background:url(../images/about_11.png) 0px 0px no-repeat; left:-77px;}
#btn .prev:hover,#btn .prev:active{ background:url(../images/about_11.png) -95px 0px no-repeat;}
#btn .next{ background:url(../images/about_11.png) 0px -95px no-repeat; right:-77px;}
#btn .next:hover,#btn .next:active{ background:url(../images/about_11.png) -95px -95px no-repeat;}