/*
* @date 2012-05-04
*/
body, p, form, input, textarea, ul, li, h1, h2, h3, h4, dl, dt, dd, table, td, th { margin:0; padding:0; }
table, td, th { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4 { font-size:100%; }
img, input, textarea { vertical-align: middle; border:0; }
a { text-decoration:none; color:#787878; outline:none; }
a:hover { text-decoration:none; }
body {color:#666; position:relative;}
.clearfix:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}
.fl { float:left;}
.fr { float:right;}
/*.public*/
.logo {position:relative;margin-left:-15px;top:15px;}
.title2{width:400px;margin-left:145px;margin-top:-25px;color:rgb(218,64,53);font-size:16px}
#head .seperate{vertical-align:top;margin-top:20px;margin-left:-5px;}
.main {margin:0 auto; width:960px;} 
#footer{height:67px;width:100%;background-color:#444546;}
#footer img{margin:0 auto;padding:24px 0 15px 0;display:block;}
#footer p{position:relative;text-align:center;top:15px;margin-bottom:6px;color:#808181;}
#footer a{color:#808181;text-decoration:none;}
#footer a:hover{text-decoration:none;}
/*head*/
#head-warp { background:#fbfbfb url(../images/nav_back.png) repeat-x 0 bottom;border-bottom: 1px solid rgb(180, 180, 180);}
#head-warp head { width:960px; margin:0 auto; background-image:none;}
#head{width:960px;margin:0 auto;position:relative;height:64px;}
#head ul{position:absolute;right:0px;top:28px;}
#head li{float:left;}
#head a{color:#4c4c4c;margin:0 15px;}
#head a:hover{color:#2882c8;}
#head .current a{color:#2882c8;margin:0 15px;}
#head .current a:hover{color:#2882c8;}
#head .download_text:hover{background:url("../images/download.png") no-repeat scroll 0 -19px;}
#head .download_text{float:left;display:block;line-height:18px;padding-left:21px;background:url("../images/download.png") no-repeat;}
#head .download_a{display:block;width:90px;}
/*dialog*/
.dialog-bg { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: #fff; filter:alpha(opacity=70); opacity:0.7; display:none;}
.dialog { box-shadow: 0 4px 16px rgba(0,0,0,0.2); background: #fff; position: fixed; left: 50%; top: 50%; height: 1px; width: 1px; margin-left: 0; margin-top: 0; z-index: 1002;  border:1px solid #e3e3e3; display:none;}
#closed-btn { background: #595959 url(http://p1.qhimg.com/d/360browser/20121009/clsBtn.gif) no-repeat 5.5px 5px; border: 2px solid #fff; border-radius: 20px; box-shadow: 3px 0 5px rgba(0,0,0,0.2); width: 20px; height: 20px;  overflow: hidden; color: #fff;  position: absolute; right: -13px; top: -12px; text-indent:-1000em; display:none; }
#closed-btn:hover { text-decoration: none; }
.dialog-cont { overflow: hidden; height: 560px; display:none;}
.dialog-head { padding: 10px 0 0; margin:0 33px; border-bottom:1px solid #ebebeb; position:relative; overflow:hidden; zoom:1;}
.ext-img { height: 48px; width: 48px; padding: 10px 10px 10px 0; }
.f-txt { margin-left: 77px; }
.f-txt h2 { font-size: 20px; font-weight: normal; line-height: 30px; margin: 8px 0 6px; color:#000; }
.star { width:61px; height:12px; background:url(http://img.360.cn/images/2008/360chrome/http://p1.qhimg.com/d/360browser/20121009/star.gif) no-repeat 0 -12px; margin:-2px 8px 0 0;}
.star span { display:block; height:12px; background:url(http://img.360.cn/images/2008/360chrome/http://p1.qhimg.com/d/360browser/20121009/star.gif) no-repeat;}
.f-infor { line-height:16px; color:#dbdbdb; margin-top:-6px;}
.f-infor a,.star { display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.f-infor a { padding-left:20px; background:url(http://p1.qhimg.com/d/360browser/20121009/wbo.png) no-repeat; height:16px; line-height:20px; overflow:hidden; margin:-2px 0 0 8px;}
.download-btn { background:url(http://p1.qhimg.com/d/360browser/20121009/extBtn02.png) no-repeat; box-shadow: 0 2px 0 #ececec; border-radius: 2px; width:157px; height:37px; position:absolute; right:0; top:28px; text-indent:-1000em; overflow:hidden; }
/**/
.tab-btn { background:#f5f5f5; border-top:1px solid #ededed; height:90px; position:relative; padding:0 53px;}
.dir-btn { position:absolute; height:90px; background:#f5f5f5 url(http://p1.qhimg.com/d/360browser/20121009/arrow.png) no-repeat 0 -65.5%; width:26px; height:56px; top:17px; border:1px solid #f5f5f5; border-radius:2px;}
.dir-btn:hover { background-color:#f0f0f0; border-color:#dfdfdf; background-color:#fcfcfc;}
#prev { left:16px; background-position: 0 -38px;}
#next { right:16px;  background-position: -25px -38px;}
#prev:hover { background-position:0 -65.6%;}
#next:hover { background-position:-25px -65.5%;}
#prev:active,#next:active { background-color:#f0f0f0;}
.btn-list { height:64px; position:relative; overflow:hidden; margin-top:12px;}
.btn-list ul { margin-top:4px; text-align:center; width:1000em;}
.btn-list li { display:inline; float:left; position:relative; height:58px; width:58px; border:1px solid #e6e6e6; margin: 0 4px; cursor:pointer;}
.btn-list li img {vertical-align:top; padding:4px; border:1px solid #fff; background:#fff; width:48px; height:48px;}
.btn-list li.cur { border-color:#35C4FD;}
.btn-list li.cur img { border-color:#35C4FD;}
.btn-list li.cur span { border: 4px solid #f5f5f5; border-bottom-color: #35C4FD; line-height: 0; font-size: 0; position: absolute; left: 50%; top: -9px; margin-left:-4px; }


a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/
a { outline:none; } /*针对firefox等*/