@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;}

#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{ display:none; width:100%;height:100%;background:#000; filter:alpha(opacity=50); opacity:0.5; 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; top:-180px;}
#btn a { cursor: pointer; display: block; opacity:0.6; width: 60px; height: 60px; border-radius: 50%; background: #217EF5; position: relative; transition: all 0.3s ease-out; }
#btn a::after { content: ""; display: block; position: absolute; left: 26px; top: 24px; width: 13px; height: 13px; border-left: 2px solid #FFF; border-top: 2px solid #FFF; transform: rotate(-45deg); }
#btn .prev { float:left; }
#btn .next { float:right; transform: rotate(180deg); }
#btn a:hover { opacity:1;}


#img_tit { display: none; color: #070707; font-size: 18px; font-weight: bold; text-align: center; padding-top: 25px; }
#img_tit a{ color:#333}
#img_tit a:hover,#img_tit a:active{ color:#000;}