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

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:16px; line-height:36px; color:#222;  background:url(../images/header.jpg) #ad0002 no-repeat top center;}
ul,li,input,div,font,br { margin:0; padding:0; list-style:none;}
img { border:0;}
a { color:#c30d23; text-decoration:none;}
a:hover { text-decoration:underline;}

.blank { clear:both; height:30px;}
.blank20 { clear:both; height:20px;}

.mrl { float:left;}
.mrr { float:right;}

.header { margin:0 auto; width:1000px; height:380px;}

.start { background:url(../images/start.png) no-repeat center top; width:860px; height:146px; margin:0 auto; padding-left:120px; padding-right:20px; padding-top:30px; font-size:18px; text-indent:2em;}

.box { margin:0 auto; width:960px; height:2915px; padding:0 20px; background:#f7e8aa;}

.area { width:960px; float:left;}
.area .title { height:78px; line-height:92px; background:url(../images/line.png) no-repeat; color:#f2e5b0; font-size:26px; font-weight:bold; padding-left:90px;}
.area .main { width:920px; padding:20px; background:#fff; float:left;}

.pic { width:274px; height:274px; padding:3px; border:1px solid #f7e8aa; background:#fff;}
.text { width:618px; padding-top:10px; text-indent:2em;}
.text .name { font-size:18px; font-weight:bold; color:#ad0002; text-indent:0; border-bottom:1px solid #f7e8aa; padding-bottom:5px; margin-bottom:5px;}

.pic2 { width:380px; height:282px; padding:3px; border:1px solid #f7e8aa; background:#fff;}
.text2 { width:512px; padding-top:10px; text-indent:2em;}
.text2 .name { font-size:22px; font-weight:bold; color:#ad0002; text-indent:0; border-bottom:1px solid #f7e8aa; padding-bottom:5px; margin-bottom:5px;}

.footer { width:100%; text-align:center; padding:20px 0; color:#fff; font-size:14px; line-height:30px;}
.footer a { color:#fff;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { width:920px; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize { position:relative; width:910px; height:450px; padding:4px; border:1px solid #f7e8aa; background:#fff}

#information { position:absolute; bottom:3px; width:920px; height:0; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 { margin:0; padding:0; font-size:18px; color:#fff; height:36px; line-height:36px; padding-left:30px;}
#information p { height:0px; clear:both; visibility:hidden;}
#image { width:910px;}
#image img { position:absolute; z-index:25; width:auto;}
.imgnav { position:absolute; width:25%; height:450px; cursor:pointer; z-index:150}
#imgprev { left:4px; background:url(../images/left.gif) left center no-repeat;}
#imgnext { right:4px; background:url(../images/right.gif) right center no-repeat;}
#imglink {position:absolute; height:450px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}

#thumbnails {margin-top:10px;}
#slideleft {float:left; width:20px; height:80px; background:url(../images/left.png) center center no-repeat; cursor:pointer;}

#slideright {float:right; width:20px; height:80px; background:url(../images/right.png) center center no-repeat; cursor:pointer;}

#slidearea {float:left; position:relative; width:870px; margin-left:5px; margin-right:5px; height:80px; overflow:hidden}
#slider {position:absolute; left:0; height:80px}
#slider img {cursor:pointer; width:110px; height:70px; border:1px solid #f7e8aa; padding:4px;}

.nav { width:150px; position:fixed; right:3%; top:30%;}
.nav .hd { height:49px; line-height:49px; background:url(../images/nav_hd.png) no-repeat; color:#f7e8aa; font-size:18px; font-weight:bold; text-align:center;}
.nav .code { background:url(../images/nav_bg.png); color:#222; text-align:center; font-size:12px;}
.nav .close { float:right;}