html,
body { height: 100%; padding: 0; margin: 0; }
body * { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 14px; color: #333; }
#wrapper { width: 1000px; height: 500px; margin: 0 auto; padding: 10px; background: #d9effd }
#carousel div { cursor: pointer; margin-right: -740px; float: left; position: relative; box-shadow: 0 0 10px #000; }
#carousel div:last-child { cursor: default; }
#carousel div span { background-color: #222; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 25px; text-align: center; display: inline-block; width: 785px; height: 25px; padding: 20px 0; overflow: hidden; position: absolute; left: 0; bottom: 0; }
#donate-spacer { height: 100%; }
#donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; }
#donate p,
#donate form { margin: 0; float: left; }
#donate p { width: 650px; }
#donate form { width: 100px; }




*{margin: 0; padding: 0;}
html{overflow:scroll;overflow-x:hidden;}
body,html{width: 100%; height: 100%; font-family:'微软雅黑', Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
ul,ol{list-style: none;}
img{display: block; border:none;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display:inline-block;}* html .clearfix {height:1%;}.clearfix {display:block}.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display:inline-block;}* html .clearfix {height:1%;}.clearfix {display:block}

.container2{width: 800px; height: 500px; position: absolute; left: 50%; margin-left: -400px; z-index: 2;}
.content2{width: 100%; height: 100%; position: relative; z-index: 3; }
.content2 li{width: 160px; height: 100px; position: absolute; left: 42%; top: 160%; cursor: pointer; overflow: hidden; z-index: 9; background: #ffffff; box-shadow: 1px 1px 3px 0px #000000;
transition: transform 1s;
-0-transition: -o-transform 1s;
-moz-transition: -moz-transform 1s;
-webkit-transition: -webkit-transform 1s;
}
.content2 li span,.content2 li span a,.content2 li span img,.content2 li span strong{display: block; width: 100%; height: 100%;}
.content2 li span{position: relative;}
.content2 li span a,.content2 li span strong{position: absolute; z-index: 10; display: none;}
.content2 li span strong{left: 160px;}
.content2 li span a img{z-index: 9;}

.load{width: 100%; height: 100%; position: absolute; z-index: 12;}
.load span{ display: block;  width: 32px; height: 32px; background: #ffffff; padding: 10px; position: absolute; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; border-radius: 10px; box-shadow: 1px 1px 2px #111111;}

.left,.right{width: 94px; height: 120px; background: url(../img2/button.png); cursor: pointer; position: absolute; top: 200px; opacity: 0.8; filter:alpha(opacity=90); z-index: 99;}
.left{background-position: -206px 0;   left: 0px; margin-left: -95px;}
.right{background-position: 0px 0;   right: 0px;  margin-right: -95px;}


.carousel { position: relative; margin: 0px; padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
.carousel .carousel-item { background-position: center; background-repeat: no-repeat; background-color: #FFF; position: absolute; cursor: pointer; }
.carousel .out { border: #DDD 2px solid; }
.carousel .over { border: 2px solid #DDD; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)"; }
.carousel .click { border: 2px solid #DDD; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)"; }
.carousel .select { border: 2px solid #DDD; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)"; }
.carousel .tooltip { position: absolute; z-index: 9999; background-color: #DDD; margin-bottom: 20px; border: #EEE solid 4px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.carousel .tooltip p { color: #999; padding: 10px; margin: 0px; }
.carousel .scrollbar { width: 340px; position: absolute; margin-top: 100px; }
.carousel .scrollbar .track { background-image: url(../images/track.png); width: 300px; height: 20px; position: absolute; left: 20px; }
.carousel .scrollbar .thumb { background-image: url(../images/thumb.png); width: 70px; height: 20px; position: absolute; cursor: pointer; }
.carousel .scrollbar .left { background-image: url(../images/left.png); width: 20px; height: 20px; position: absolute; cursor: pointer; left: 0px; }
.carousel .scrollbar .right { background-image: url(../images/right.png); width: 20px; height: 20px; position: absolute; cursor: pointer; right: 0px; }


#wide-wrapper { width: 1210px; height: 500px; margin: 0 auto;}
#wide-wrapper3 { width: 1210px; height: 500px; margin: 0 auto;}
#carousel2 { width: 1210px; height: 500px; display: inline; }
#carousel2 { list-style: none; padding: 0px; }
#carousel2 li { float: left; }
#carousel2 .tooltip,
#carousel2 .bigImage,
#carousel2 .title,
#carousel2 .description { position: absolute; left: -9999px; }
#text { width: 650px; margin: 0px auto; margin-top: -20px; }
#text p { padding: 5px 10px; }
#text #selected-title { width: 80px; background-color: #111; font-style: italic; }
#text #selected-description { background-color: #111; }
#controls { width: 234px; margin: 0px auto; }
#controls a { margin: 0px 20px; cursor: pointer; }
#controls #left { background: url(arrows.png); width: 38px; height: 38px; float: left; }
#controls #right { background: url(arrows.png) -38px 0px; width: 38px; height: 38px; float: left; }
#controls #auto-scroll { background: url(playpause.png); width: 38px; height: 38px; float: left; }
#example-description { margin: 0px; padding: 0px; background-color: #DDD; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; }
#example-description p { color: #666; font-style: italic; width: 750px; margin: 0px auto; padding: 10px 0px; }
#example-description #navigation { width: 300px; height: 25px; margin: 10px auto 0px; }
#example-description #navigation a { background-color: #F1F1F1; text-decoration: none; color: #666; padding: 5px 10px; margin: 0px 5px; border: #CCC solid 1px; }