@charset "utf-8"; /* CSS Document */ body { font-family:"宋体"; font-size:12px; color: #333; margin:0; padding:0; background:url(../Images/bg.png) repeat;} .body_bottom { width:100%; height:auto; background:url(../Images/bg1.jpg) no-repeat bottom;} .body_bottom1 { width:100%; height:198px; background:url(../Images/bg2.jpg) no-repeat center;} img { border: none; } ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,table,tr,td,input,div,em{ margin:0; padding:0; font-weight:normal;} input,textarea{ outline:none;} ul,li,ol,dl{ list-style:none;} img{} a{ color:#333; text-decoration:none;} a:hover{ color:#000000; text-decoration:underline; transition: all .3s linear;-webkit-transition: all .3s linear;} .clear{ clear:both;} .fl{ float:left;} .fr{ float:right;} .box{ width:1000px; height:auto; margin:0 auto;} .banner1{ height:100px; background:url(../images/banner1.jpg) no-repeat center;} .banner2{ height:100px; background:url(../images/banner2.jpg) no-repeat center;} .banner3{ height:100px; background:url(../images/banner3.jpg) no-repeat center;} .banner4{ height:100px; background:url(../images/banner4.jpg) no-repeat center;} .banner5{ height:100px; background:url(../images/banner5.jpg) no-repeat center;} .banner6{ height:100px; background:url(../images/banner6.jpg) no-repeat center;} .banner7{ height:50px; background:url(../images/banner7.jpg) no-repeat center;} .add_photo{clear:both;width:996px;margin:auto} .add_photo li{float:left;margin-left:7px;display:inline;margin-top:7px;} /*导航*/ .daohang1{ width:1000px; height:159px;} .daohang2{ width:1000px; height:51px;} /*孔庙碑林*/ .kong_title{ width:1000px; height:92px; background:url(../images/kong1.jpg);} .kong{ width:1000px; height:1185px; background:url(../images/dian.jpg) repeat-y right;} .kong_left{ width:451px; height:374px; background:url(../images/kong2.jpg) no-repeat top; padding:30px 0 0 8px;display:inline; float:left;} .kong_right{ width:524px; height:374px; padding:30px 9px 0 7px;display:inline; float:right;} /*岱庙之行*/ .dai_title{ width:1000px; height:55px; background:url(../images/dai1.jpg);} .dai{ width:1000px; height:1245px; background:url(../images/dian.jpg) repeat-y left;} .dai_left{ width:436px; height:291px; background:url(../images/dai2.jpg) no-repeat top; padding:30px 0 0 9px;display:inline; float:left;} .dai_right{ width:539px; height:426px; padding:30px 9px 0 7px;display:inline; float:right;} /*生日晚会*/ .sheng_title{ width:1000px; height:54px; background:url(../images/sheng1.jpg);} .sheng{ width:1000px; height:565px; background:url(../images/dian.jpg) repeat-y right;} /*泰山极顶*/ .tai_title{ width:1000px; height:55px; background:url(../images/tai1.jpg);} .tai{ width:1000px; height:1660px; background:url(../images/dian.jpg) repeat-y left;} .tai_left{ width:652px; height:353px; padding:30px 0 0 9px;display:inline; float:left;} .tai_right{ width:323px; height:353px; padding:30px 9px 0 7px;display:inline; background:url(../images/tai2.jpg) no-repeat; float:right;} /*旅行游记*/ .lu_title{ width:1000px; height:53px; background:url(../images/lu1.jpg); margin:0 auto;} .lu{ width:1000px; height:auto;} #lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #outerImageContainer{position: relative;background-color: #fff;margin:0 auto;width:400px;height:300px;} #imageContainer{padding: 10px;} #loading{position:absolute;top:40%;left:40% !important;left:0;height:25%;width:100%;text-align:center;line-height:0;} #hoverNav{position: absolute;top: 0;left:0;height: 100%;width: 100%;z-index:10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(/Hb_Active/2013train/../../Images/2013yuntaishan/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;} #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/Hb_Active/2013train/../../Images/2013yuntaishan/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/Hb_Active/2013train/../../Images/2013yuntaishan/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto; line-height: 1.4em;} #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; }#imageData #caption{font-weight:bold;font-size:14px;line-height:20px;} #imageData #numberDisplay{display:block;clear:left;font-size:8px;padding-bottom:1.0em;}#imageData #bottomNavClose{width:25px; float:right;padding-bottom:0.7em;}#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60); -moz-opacity: 0.6;opacity: 0.6;} .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /*感悟*/ .article{width:1000px;margin:20px auto 0 auto;clear:both;} .article li{float:left;width:483px;height:50px;margin:0 0 10px 12px;display:inline;} .article li span{display:block;float:left;width:100px;height:46px;background:#fff;color:# 666; text-align:center;font-size:24px;line-height:46px; font-family:"微软雅黑"; color:#1e1d1d; border:1px solid #d9d8d8;} .article li p{float:left;width:370px;background:#fff;padding:7px 0 3px 9px;color:# 999;line-height:18px;font-size:14px;border:1px solid #d9d8d8;} .article li p a{ color:#000;} .article li p a:hover{ color:#ff0000;} .article li a.text{ font-size:14px; color:# 333;} .article_cont{line-height:30px;color:#999;background:#fff;width:860px;margin:13px auto 0 auto;padding:40px 50px 0 20px;font-size:18px;} .article_cont p{font-size:14px;} /*内容页*/ .thought {height:100%;} .thought h2{text-align:center;padding:20px 0;font-size:35px;color: # 333; font-family: "微软雅黑"; font-weight:bold; text-align:center} .thought .Cont{line-height:24px;font-size:14px;padding:10px 50px;color:#666} .thought .Cont p{margin-bottom:10px;} .thought .Cont img{padding:5px;border:1px #cccccc solid; display:block; margin:20px auto 0 auto} #kong{height:158px;} #footer{text-align:center;} #footer p{color:#fff; font-size:14px;} #footer p img{ display:inline-block;} #footer a{ color:#fff;} #footer a:hover{color:#ff0000;text-decoration:underline}