@charset "utf-8";
@import url(jquery.jqzoom.css);
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
textarea{resize:none}
body,button,input,select,textarea{font:12px/1.5 Arial,Helvetica,sans-serif;outline:none;}
textarea{resize:none}
h1,h2,h3,h4,h5,h6{font-size:100%; word-break:break-all;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{ text-decoration:underline;}
a,a:link,a:active{text-decoration:none;} 
div,p{ word-break:break-all;}
a{blr:expression(this.onFocus=this.blur());/*IE Opera*/outline:none;/*FF Opera*/}
a:focus{-moz-outline-style:none;/*FF*/}
fieldset,img{border:0;}
img{vertical-align:top;/*display:block;*/}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:after {visibility: hidden;display:block;font-size:0;content:"";clear:both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
.number li{list-style-type:decimal;}
.texe_hidde{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.unl{ text-decoration:underline;}
.none_unl{ text-decoration:none;}
/*generic*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clear{ clear:both; font-size:0; height:0; line-height:0; width:100%;}
.cb{ clear:both;}.cl{ clear:left;}.cr{ clear:right;}
.t2{ text-indent:2em;}

.bc{ margin-left:auto; margin-right:auto;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.none{display:none;}
.hidden{visibility:hidden;}
.pr{ position:relative;}
.pa{ position:absolute;}
.zoom{ zoom:1;}
/*font*/
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
/*margin*/
.mt5{ margin-top:5px;}.mt15{ margin-top:15px;}.mt25{ margin-top:25px;}.mt35{ margin-top:35px;}
.ml5{ margin-left:5px;}.ml15{ margin-left:15px;}.ml25{ margin-left:25px;}.ml35{ margin-left:35px;}
.mr5{ margin-right:5px;}.mr15{ margin-right:15px;}.mr25{ margin-right:25px;}.mr35{ margin-right:35px;}
.mb5{ margin-bottom:5px;}.mb15{ margin-bottom:15px;}.mb25{ margin-bottom:25px;}.mb35{ margin-bottom:35px;}
.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}.mt40{ margin-top:40px;}
.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.ml40{ margin-left:40px;}
.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.mr40{ margin-right:40px;}
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}
/*padding*/
.pt5{ padding-top:5px;}.pt15{ padding-top:15px;}.pt25{ padding-top:25px;}.pt35{ padding-top:35px;}.pt45{ padding-top:45px;}.pt55{ padding-top:55px;}
.pl5{ padding-left:5px;}.pl15{ padding-left:15px;}.pl25{ padding-left:25px;}.pl35{ padding-left:35px;}
.pr5{ padding-right:5px;}.pr15{ padding-right:15px;}.pr25{ padding-right:25px;}.pr35{ padding-right:35px;}
.pb5{ padding-bottom:5px;}.pb15{ padding-bottom:15px;}.pb25{ padding-bottom:25px;}.pb35{ padding-bottom:35px;}
.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}
.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}.pl40{ padding-left:40px;}
.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr30{ padding-right:30px;}.pr40{ padding-right:40px;}
.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}

body{ background:url(../images/common/bg.jpg) no-repeat center 45px #e8e8e8;}
#wrapper{ width:1000px; margin:0 auto;} 
#header{ width:100%; height:45px; background-color:#c21212; }
#top{ width:1000px; margin:0 auto; height:45px; background:url(../images/common/logo.jpg) no-repeat 28px 0;}

.animPart{ position:relative; width:323px; height:241px; overflow:hidden;}
.animPart div{ position:absolute; left:13px; top:75px; width:298px; height:157px; overflow:hidden;}
.animPart div p{position:absolute; left:0; top:125px; width:298px; height:154px;}

#rule{ background:url(../images/index/pop.png) no-repeat 0 0; width:715px; height:520px;}
#rule .close{ height:48px; padding-right:12px; text-align:right;}
#rule .close a{ display:inline-block; width:24px; height:24px; margin-top:14px;}
.rulebox{ height:415px; margin-left:32px; width:672px; margin-top:22px; overflow:auto;}

.nav{ float:left; width:214px;}
.section{ float:right; width:774px;}
.detail{ background:url(../images/common/detailbg.jpg) no-repeat 0 0; width:715px; padding-top:9px; height:289px; padding-left:27px; padding-right:30px;}
.proImg{ float:left; width:292px; margin-left:4px; height:274px;  display:inline;}
.proImg .zoom{width:292px; height:203px;}
.proImg ul{ padding-top:5px;}
.proImg ul li{ float:left; width:94px; height:66px; margin-right:5px;}
.proImg ul li img{width:94px; height:66px;}
.proMsg{margin-left:7px; display:inline; float:left; position:relative;}
.proMsg .garybtn,.proMsg .garybtn2,.proMsg .probtn{ position:absolute; width:140px; height:45px; top:110px; left:260px;}
.proMsg .garybtn{background:url(../images/common/probtn.jpg) no-repeat 0 0;}
.proMsg .garybtn2{background:url(../images/common/probtn2.jpg) no-repeat 0 0;}
.proMsg .probtn{ background:url(../images/common/graybtn.jpg) no-repeat 0 0; }