@import url(/static/public/css/layout.css); 
.hva strong ,.mrlb h4 strong{ background: url(/static/public/images/acticle_img.gif) 0 0 no-repeat; }
.hva,.mrlb h4{ background: url(/static/public/images/album_img.gif) 0 0 no-repeat;}
#menu {position: fixed; top:0; background: url(/static/public/images/menu_bg.gif) center 0; left: 0; z-index: 9999;width: 100%; float: none;}
* html #menu {position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}
#menu .topnav, #menu .t-nav {width: 990px; margin: 0 auto; background: transparent;}
#header { margin-top:40px;}
.s-nav,.sonnav {display: none;}

.place { height:30px;}
.hva { line-height:30px; color: #fff; overflow: hidden;height:30px; }
.hva a {color: #fff;}
.hva strong {width: 37px; height: 20px; overflow: hidden; background-position: 0 -70px; margin: 5px 5px 0; ctext-indent: -99px; float: left; padding-top: 30px;}
.viewbox h2.title {font-size:25px; text-align:center; line-height:50px; padding: 5px 0;}
.viewbox .info {text-align:center; color:#7E7E7E; margin-bottom:25px; font-size: 12px;}
.viewbox .sbody {line-height:225%; font-size:14px; background-position: -979px -30px; padding: 15px 0; margin-left: -1px;}
.pagelist { text-align:center; margin-top: 30px;}
.pagelist em,.pagelist span,.pagelist a {display:inline-block; background:#91C4EF; margin: 5px 2px; padding:5px 10px; font-size:14px; color:#FFF; font-weight: 700;border-radius: 3px;}
.pagelist em,.pagelist span {background:#FB78B5; color:#FFF;}

.lip{ border:1px solid #ec95bc; border-top:0; padding: 4px;}
.lip li {float: left; text-align: center; margin:10px 9px; width:122px; display: inline; font-size: 14px;}
.lip li img {display: block; width:122px; height:92px; margin-bottom:5px;}
.lip li span{ display:block; height:20px; line-height: 20px; overflow:hidden;}

.mrlb{ margin-bottom:20px;}
.mrlb h4 { height: 30px; line-height: 30px; color: #fff; font-size:14px; overflow:hidden; padding:0 5px;}
.mrlb h4 strong{ font-size: 14px; float: left; background-position: 0 -100px; padding-left: 20px;}
.mrlb h4 small{ float:right; font-weight: normal;}
.mrlb h4 a{ color:#fff;}
.mrlb h4 a:hover{ text-decoration: none;}

.album { padding-bottom: 10px; overflow:hidden; }
.album img { display: block; margin: 10px auto; cursor: pointer }
.album strong { font-weight: 500; line-height: 250%; margin: 20px 0; text-align: center; display: block; font-size: 16px; }
.album_list {text-align: center;background: #eee;width:100%;overflow: visible; position: relative; z-index: 999}
.album_list .album_wrap {position: relative;display:inline-block;margin: 2px; dbackground: #fff}
.album_list span { cursor: pointer; display:inline-block; overflow: hidden; width:80px; height:80px; border: solid #eee 3px;background:#fff; position: relative }
.album_list span i { transform: translate(50%, 50%); width:100%; height: 100%; position: absolute; top: 0; left: 0 }
.album_list span img {width:100%; transform: translate(-50%, -50%);}
.album_list .album_over {position: absolute; border: #BCA2EA solid 3px; border-radius: 5px; text-align: center; cursor: pointer;display:none; top: 0px; box-shadow:inset 0 0 20px rgba(0,0,0,.8);}
.album_list .album_over i { background: #BCA2EA; color:#fff; display:inline-block; position: relative; line-height: 20px; top: -20px; margin: 0 auto; padding: 0 10px; border-radius: 5px 5px 0 0 }
.album_list .opt_btn { position:absolute; display: none; right:0; top:-20px; background: #eee url(../images/album_arrow.gif) no-repeat center 0; width:35px; height:20px; cursor:pointer;}
.album_list .arrow { right: 35px; background-position: center -20px; border-radius: 5px 0 0 0; }
.album_list .close { border-radius: 0 5px 0 0; }
.fixed .opt_btn { display: inline-block }
.album_list .uparrow { background-position: center -40px; border-radius: 5px 5px 0 0 }

.lastPage { position: absolute; top: 100px; background: #fff; border: solid 4px #eee; padding: 20px; width: 380px; height: 410px; display: none }
.lastPage h5 { font-size: 16px; line-height: 28px; margin: 0; }
.lastPage i { background: #ccc url(../images/icon_close_1.gif) center no-repeat; cursor: pointer; position: absolute; right: 5px; top: 10px; color: #fff; display:inline-block; width: 24px; height: 24px;border-radius: 100%;}
.lastPage .wrap { width: 360px; height: 300px; margin: 20px 10px; }
.lastPage .repage {  }
.lastPage .repage a, .lastPage .repage span { background: #19b955; margin: 5px; display: inline-block; line-height: 30px; color: #fff; padding: 0 30px; }
.lastPage .repage .prev { float: left }
.lastPage .repage .next { float: right }
.lastPage .repage span { background: #DDD}


.c-nav {
	position: fixed; overflow: hidden;width: 100px;
}
* html .c-nav {position:absolute;top:expression(eval(document.documentElement.scrollTop)+90)}
.c-nav div {
	overflow: hidden;
}
.c-nav li {
	text-align: right; color: #fff; height: 28px;
}
.c-nav li a {
	display: inline-block; padding: 5px 10px;border-radius:3px; background: #fbe6ee; color: #bd3965
}
.c-nav li a.l1 {
	background: #e4f1f9; color: #2375a7
}
.c-nav li a.l2 {
	background: #ebe6f6; color: #7a59c1
}
.c-nav li a:hover {background:#eb88af;color:#fff}
.c-nav li a.l1:hover {background: #7ab9e0}
.c-nav li a.l2:hover {background: #a28ad3}


.c-nav span {background: url(/static/public/images/acticle_img.gif) 0 0 no-repeat;
	display: block; border-radius:3px; background-position: -40px -70px; width: 24px; height: 24px; background-color: #f6ccdd; float: right; cursor: pointer; clear: both; margin-bottom: 5px;
}
.c-nav span.on {
	background-color: #e980aa;
}
.c-nav span.up {
	background-position: -60px -70px;
}
.c-nav span.sm {
	background-position: -80px -70px
}