﻿html, body { margin: 0; padding: 0; }
body{ text-align:left; background-color: #111; color: #bbb; font:13px/180% "Microsoft YaHei","微软雅黑",tahoma,arial,"宋体",\5b8b\4f53;min-height: 100%; position: relative;}
a{ color: #979797; text-decoration: none; }
a:hover{ color: #99cc00; outline: 0; }
html,body,fieldset,img,iframe,abbr{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
a,button{cursor:pointer;}
h1{ float:left; width:100%; text-align:center; font-size:22px; margin:0 auto 5px auto; color: #a5d32d; }
pre{ font-size: 14px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
.left{ float:left}
.right{ float:right}
.clearfloat{clear:both; height:0;font-size: 1px; line-height: 0px;}

#page { position: relative; width:98%;max-width: 1420px; background-color: #000; border: #222 1px solid; margin: 0 auto; text-align: left; }

#header{width:100%; height: 110px;background:url(../images/site/black_bg.jpg) #060606;  border-bottom: #a5d32d 3px solid; }

.logo{ float: right; margin:10px 20px 0 20px }
.container { padding-left:2%; padding-right:2%; overflow: hidden; }
.local{ padding-bottom: 10px;}
.content { display: none; float: left; width: 620px; }
.content a, .navigation a { text-decoration: none; color: #777; }
.content a:focus, .content a:hover, .content a:active { text-decoration: underline;color: #99cc00; }
.controls { margin-top: 5px; height: 23px; }
.controls a { padding: 5px; }
.ss-controls { float: left; }
.nav-controls { float: right; }

.slideshow-container { position: relative; clear: both; height: 502px; }
.loader { position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 620px; height: 502px;  }

.slideshow {}
.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
.slideshow a.advance-link { display: block; width: 620px; height: 502px; line-height: 502px;  text-align: center; }
.slideshow a.advance-link:hover, .slideshow a.advance-link:active, .slideshow a.advance-link:visited { text-decoration: none; }

.slideshow img { vertical-align: middle; border: 1px solid #ccc; }
.caption-container { position: relative; clear: left; height:100px; }

span.image-caption { display: block; position: absolute; width: 620px; top: 0; left: 0; }
.caption { padding: 10px; }
.image-title { font-size: 18px; }
.image-desc {color:#666 }

.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ }

ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
.pagination { clear: both; }
.navigation .top { margin-bottom: 12px; height: 11px; }
.navigation .bottom { margin-top: 12px; }

.pagination a, .pagination span.current, .pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #333; }
.pagination a:hover { background-color: #666; text-decoration: none;color: #fff;  }
.pagination span.current { font-weight: bold; background-color: #390; border-color: #390; color: #fff; }
.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }




/*************footer**********/
.footer { padding-top: 10px; margin: 20px 0 auto 0; height: auto; border-top: #585858 1px solid; background:url(../images/site/black_bg.jpg) #060606; }
.footer_resize { width: 985px; height: 180px; margin: 0 auto; padding: 0; }
.footer h3{ clear: both; margin: 6px 0; font-size:16px; color: #a5d32d; }
tr,td,.footer p { font-size:12px; line-height: 160%; color: #979797; }
.footer a{ font-size:12px;  text-decoration: none; padding: 5px; margin: 0; }
.footer p.leftt{ float: left; text-align: left; width: 70%; margin: 30px auto auto 25px;  }
.footer p.rightt { float: right; text-align: right; width: 26%; margin: 30px 10px auto auto; color: #585858; }
 