article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,lable,textarea,p,blockquote,th,td {margin:0; padding:0;}
html {font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var,strong {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
a {color:#333; -webkit-tap-highlight-color:rgba(250,255,190,0.3);}
a:link {text-decoration:none;}
a:visited {text-decoration:none;color:#999;}
a:active {text-decoration:underline; color:#fb8600;}
body {background:#f9f8f8; font:14px/30px "Microsoft YaHei",Arial,Helvetica,sans-serif;}

input,textarea {-webkit-appearance:none;}

.an-1 {position:relative;max-width:640px;min-width:320px;margin:0 auto 2px;}
.an-1-close {background:rgba(0,0,0,0.8); border:1px solid #666; color:#c00; font:bold 20px/20px Verdana; height:20px; position:absolute; right:1px; top:1px; text-align:center; width:20px;}
.an-2,
.an-3,
.an-4,
.an-5 {max-width:640px;min-width:320px;margin:0 auto;}
.sptp-1,
.sptp-2 {max-width:640px;min-width:320px;margin:auto;}
.an-1 img,
.an-2 img,
.an-3 img,
.an-4 img,
.an-5 img,
.sptp-1 img,
.sptp-2 img {width:100%;height:auto; display:block;}
.wzlz {background:-webkit-linear-gradient(90deg, #E3E3E3 35%, #F7F7F7 60%); border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px 0; text-align:center;}

/* sprites */
header .back a,
header .home a em,
.headNav a,
.artiPic span {background-image:url(../img/sprites.png);}

header {display:-webkit-box; height:40px; overflow:hidden;}
header * {vertical-align:middle;}
header.homeHead {background:-webkit-linear-gradient(#f5f5f5, #e5e5e5) repeat; display:block; margin:2px auto; padding:0 20px;}
header.chnHead {background:#333; border-top:1px solid #1c1c1c;}
header .logo {float:left; padding:2px 0 0; width:95px;}
header .logo img {display:block;}
header h1 {font-size:20px; line-height:40px;}
header h1.mTit {display:inline-block; margin-left:20px;}
header h1.chnTit {-webkit-box-flex:1.0; border-top:1px solid #515151; border-bottom:1px solid #515151; color:#ccc; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hdWeather {float:right;}
.goPassport {float:right; padding-right:10px;}
.goPassport a {text-decoration:underline;}

header .back {border-top:1px solid #515151; border-bottom:1px solid #515151; width:65px; height:38px;}
header .back a {background-position:0 -30px; background-size:30px auto; display:block; height:16px; margin:11px 0 0 25px; width:19px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
header .back a.itemChange {background-position:0 -55px;}
header .back a em {display:block; height:16px; overflow:hidden; text-indent:-999em; width:19px;}

header .home {border-top:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d; width:65px; height:38px;}
header .home a {background-color:#272727; display:block; float:right; padding:6px 15px 2px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
header .home a.itemChange {background-color:#1d1d1d;}
header .home a em {background-position:0 -75px; background-size:30px auto; display:block; height:30px; overflow:hidden; text-indent:-999em; width:30px;}
header .home a.itemChange em,
header .home a.itemChange em {background-position:0 -125px;}

.headNav {display:inline-block; line-height:30px; width:20px; margin-left:0.5em;}
.headNav a {background-position:0 -173px; background-size:30px auto; display:block; height:20px; overflow:hidden; text-indent:-999em; width:20px; vertical-align:middle;}
.headNav a.itemChange {background-position:0 -198px;}
.headNavCon {background:#f2f7fb; border-bottom:1px solid #1c1c1c; display:none; margin-bottom:1px; padding:4px 0; text-align:center;}
.headNavCon a {background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#cccccc)); border:solid #ccc 1px; border-radius:4px; color:#595959; display:inline-block; display:inline-block; font-size:16px; margin:2px 1%; text-shadow:1px 1px 3px #f2f2f2; text-decoration:none; width:28%; -webkit-border-radius:4px;}
.headNavCon a.current {background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#8bb5df), to(#5e93c9)); border-color:#78a8d9; color:#fff; text-shadow:1px 1px 1px #0c4177;}
.headNavCon a.itemChange {background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#f5f5f5)); border-color:#ccc; color:#595959; text-shadow:1px 1px 1px #f2f2f2;}

nav {border-top:1px solid #1c1c1c; line-height:28px; padding:5px 0; text-align:center;}
nav.homeNav, nav.clubNav, nav.footNav, nav.clubfootNav {background:#CD0C0C; border-bottom:1px solid #CD0C0C; margin:0px 0;}
nav.chnNav {background:#666; border-bottom:1px solid #c8c7c7; margin-bottom:5px; text-shadow:0px 1px 1px #333;}
nav a {color:#fff; display:inline-block;}
nav.homeNav a {width:24%;}
nav.clubNav {padding-right:2%;}
nav.clubNav a {width:35%;}
nav.chnNav a {width:24%;}
nav.footNav a {width:15%;}
nav.clubfootNav a {width:30%;}
nav.chnNav5 a {width:18%;}
nav a.cur,
nav a:active {color:#fc3;}
nav.pageNav {background:#2A2A2A;}
nav.pageNav a {width:20%;}


.hd {background:#ddd; color:#4b83b8; font-size:18px; height:30px; line-height:30px; margin:1px 0 2px;}
.hd span {color:#666; display:inline-block; float:left; margin-right:10px; vertical-align:middle;}
.hd span:first-child {padding-left:15px;}
.hd strong {display:inline-block; padding:0 10px;}
.hd .cur {border-bottom:2px solid #789fc8; color:#0e5aa1;}
.hd .cur strong {background:#f3f3f3}

.headline {padding:10px 20px 0; line-height:140%;}
.headline h2 {padding-top:10px;}
.headline h2 a {color:#004276; font-size:18px;}
.headline p {color:#666; padding-top:5px;}
.headline p a {color:#666; font-size:15px;}

.picList {background:#ddd; margin:2px auto 10px; overflow:hidden; padding:10px 0;}
.picList .item {float:left; width:50%;}
.imgNews {height:90px; margin:auto; position:relative; width:140px;}
.imgNews img {height:90px; width:140px;}
.imgTit {position:absolute; bottom:0; left:0; height:24px; line-height:24px; overflow:hidden;
white-space:nowrap;text-overflow:ellipsis;padding:0 5px;text-align:center;background:rgba(0,0,0,0.6); color:#fff; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.4); width:130px;}
.imgTit a {color:#fff;}


.focus { width:320px; margin:10px auto; overflow:hidden; position:relative; background:#555;}
.focus section { text-align:center; margin:0; width:320px; height:160px;}
.focus aside { margin:-30px 0 0; background:rgba(0, 0, 0, 0.5); height:30px; text-align:left; padding-left:10px; font:14px/30px "Microsoft YaHei"; color:#fff; width:320px; position:absolute; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.focus section img { width:320px; height:auto; display:block; background:#ccc url("../img/loading.png") no-repeat center 53px;}
.focusPhoto { display:-webkit-box; -webkit-box-orient:horizontal;}

.focusDotBg { position:absolute; bottom:0; left:0; width:100%; text-align:right;}
.focusDot { padding:0 5px 0 0; height:22px; display:inline-block; margin:auto;}
.focusDot em { display:inline-block; background:#999; width:10px; height:10px; border-radius:5px; overflow:hidden; text-indent:-9999px; margin:0 2px;}
.focusDot em.active { background:#dc1313;}


.list {color:#999; padding:4px 0 0;}
.list li {border-bottom:1px solid #eee; font-size:16px; line-height:140%; padding:8px 20px; text-align:left;}
.latest li {color:#999;}
.latest li a {margin-right:10px;}
.swipeNews { position:relative; overflow:hidden;}
.swipeNews .list{float:left; overflow:hidden;}

.sitemap {padding:10px 0;}
.sitemap li {border-bottom:1px solid #eee; font-size:16px; line-height:140%; padding:8px 20px; text-align:left;}
.sitemap a {display:inline-block; margin-right:0.8em;}
.sitemap li span {color:#999; display:inline-block; margin-right:0.8em;}

.enter {background:#e1ebf2; border:1px solid #cadbe6; border-radius:5px; font-size:18px; line-height:140%; margin:8px auto; padding:4px 0; text-align:center; width:60%;}
.enter a {color:#5e93c9; display:inline-block; text-align:center; width:100%;}
.enter a:hover {color:#0e5aa1;}

article {padding-bottom:10px;}
.artiBan img {display:block; width:100%;}
.artiCat, .artiCat strong, .artiCat a {background-image:url(../img/artiCat.png); background-size:10px auto; line-height:25px;}
.artiCat {background-position:0 -50px; background-repeat:repeat-x; height:25px; margin:10px 0 0;}
.artiCat strong {background-position:0 -25px; background-repeat:repeat-x; display:inline-block; height:25px;}
.artiCat a {background-position:right top; background-repeat:no-repeat; color:#fff; display:inline-block; height:25px; padding:0 25px;}
section .artiCat {margin-top:0;}
.artiTit {padding:10px 0 0; text-align:center;}
.artiTit h2 {color:#333; font-size:16px; padding:0 20px; word-wrap:break-word;}
.artiTit p {border-top:1px solid #eaeaea; color:#999; font-size:12px;}
.artiTit p a {color:#999;}
.artiTit .pubAuthor {color:#666;}
.artiCon { line-height:180%; padding:0 22px; word-wrap:break-word;}
.artiCon p {padding:0.5em 0;}

.fontResize {float:right; font-size:12px; height:30px; line-height:20px; overflow:hidden; padding-top:3px; width:130px;}
.fontResize dt, .fontResize dd {color:#666; display:inline-block; vertical-align:middle;}
.fontResize dd {border:1px solid #6f6a61; -webkit-border-radius:4px; border-radius:4px; background-image:-webkit-gradient(linear,left top,left bottom,from(#cfcfcf),to(#f5f5f5));}
.fontResize dd em,
.fontResize dd a {display:inline-block; float:left; height:20px; text-align:center; width:26px; -webkit-box-shadow:rgba(255, 255, 255, 0.2) 1px 1px 0 0 inset;}
.chgFontL .artiCon {font-size:22px;}
.chgFontM .artiCon {font-size:18px;}
.chgFontS .artiCon {font-size:14px;}
.chgFontL .FontL a,
.chgFontM .FontM a,
.chgFontS .FontS a {background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #38393b), color-stop(50%, #848484), color-stop(100%, #bbbebf)); color:#fff;}


.artiPic {text-align:center; margin:5px auto; position:relative;}
.artiPic img {border:0; vertical-align:middle;width:276px;}
.chgPic {width:100%;}
.chgPic img {width:auto; max-width:275px;}
.artiPic span {background-size:30px auto; display:block; position:absolute; right:4px; top:4px; overflow:hidden; text-indent:-999em; width:26px; height:26px;}
.artiPic .zoomin {background-position:0 0;}
.chgPic span {display:none;}
.artiCon .artiCap {text-align:center;}
.artiCon strong {color:#111;}

.pages {color:#999; line-height:30px; text-align:center;}
.pages span {display:inline-block; margin:0 4px; vertical-align:middle;}
.pages span strong {color:#666; font-size:18px;}
.pages .prev a,
.pages .next a {background:#e0e0e0; border:1px solid #ccc; color:#666; padding:6px 6px;}
.pages .goPage input {vertical-align:middle; margin-right:8px;}
.goPageIpt {border:1px solid #ccc; height:25px; line-height:25px; width:20px;}
.goPageBtn {border:1px solid #ddd; color:#666; display:inline-block; font:14px/25px Arial, sans-serif; padding:0 8px; text-align:center; -webkit-border-radius:4px; text-shadow:1px 1px 1px rgba(255,255,255, .22); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e3e3)); vertical-align:middle;}

.gotop {margin-top:15px;}
.gotop a {color:#666; display:inline-block; position:relative; padding:0 20px; text-align:center; text-decoration:none; font:16px/32px Arial, sans-serif; -webkit-border-radius:4px; text-shadow:1px 1px 1px rgba(255,255,255, .22); -webkit-box-shadow:1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e3e3));}

footer {color:#ccc; text-align:center;}
.version {color:#666; padding:15px 0;}
.version span.wap,
.version span a {display:inline-block; border:1px solid #ccc; border-radius:5px; font-size:18px; line-height:140%; margin:0 8px; padding:5px 0; text-align:center; width:26%;}
.version span a.itemChange {border-color:#a8c4e2; color:#2d85e3}
.version span a {color:#666;}


/* article key words */
strong.kw strong.kw,
strong.kw {font-weight:normal;}
strong strong.kw,
strong strong.kw strong.kw {font-weight:normal; color:#111;}

/* reply*/
.reply {margin-top:1px;}
.replyForm {background:#f9f8f8; margin-top:5px; padding:10px;}
.replyHd {margin-bottom:10px;}
.replyHd a {border:1px solid #ddd; color:#666; display:inline-block; padding:0 10px; text-align:center; font:14px/25px Arial, sans-serif; -webkit-border-radius:4px; text-shadow:1px 1px 1px rgba(255,255,255, .22); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e3e3)); vertical-align:middle;}
.replyBody {text-align:center; position:relative;}
.replyBody .iptMultiTxt {background:none; border:1px solid #ddd; font-size:16px; height:60px; margin:auto; padding:10px 5px; width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.replyBody .iptMultiTxt:focus {background:#faffbd;}
.replyBodyCover {background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; height:60px; line-height:60px; text-align:center; text-decoration:underline; width:100%;}

.replyFoot {height:50px; line-height:46px; border-bottom:1px solid #ccc; position:relative; padding:0 12px;}
.replyCount {float:left;}
.replyCount em {color:#cf0f0f;}

.replySubmit {float:right;}
.replySubmit input {border:0; color:#666; display:inline-block; padding:0 20px; text-align:center; font:16px/32px Arial, sans-serif; -webkit-border-radius:4px; text-shadow:1px 1px 1px rgba(255,255,255, .22); -webkit-box-shadow:1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e3e3));}
.replySubmit input.itemChange {background:#ccc;}

.redfont {color:#f00;}

.borArr,.borArrShadow {border:9px solid transparent; height:0; left:50px; margin-left:-9px; position:absolute; top:33px; width:0;}
.borArrShadow {border-width:10px; border-bottom-color:#ccc; top:31px; margin-left:-10px;}
.borArr {border-bottom-color:#f9f8f8;}

.replyList {padding:0 22px;}
.replyList .item {border-bottom:1px dashed #ccc; padding:10px 0;}
.replyInfo {color:#999; height:30px;}
.replyUsr {float:left; margin-right:0.5em;}
.replyTime {float:left;}
.replyFloor {float:right;}
.replyFloor em {color:#cf0f0f;}
.replyCon img { display:inline-block; margin:3px 3px 0; }
.listMore {background:url(../img/loadMoreBg.png) left top repeat-x; color:#5e93c9; display:block; height:25px; line-height:25px; margin:5px 0; text-align:center;}
.listMore img {display:none;}
/* register & login */
header .btn {border-top:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d; width:90px; height:38px;}

.regCon,
.regForm {margin:auto; padding:20px 0; width:290px;}
.regForm .field {background-color:#eee; border:1px solid #cbcbcb;  padding:12px 10px; text-shadow:0px 1px 1px #fff;}
.regForm .field .iptTxt {background:none; border:0; font:16px "Microsoft Yahei",Arial; width:268px; text-shadow:0px 1px 1px #fff;}
.regForm .field .iptTxt:focus {background:#faffbd;}

.username {border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px;}
.pwd,
.confirmPwd {border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-top:0;}
.nickname {border-radius:0px 0px 8px 8px; -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px; border-top:0;}
.identifyCode {background-color:#eee; border:1px solid #cbcbcb; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.codeText {padding:10px;}
.codeText img {vertical-align:middle; border:1px solid #cbcbcb; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.agree {margin-top:10px;}
.agree input {margin-right:4px; vertical-align:middle;}
.agree a {color:#039;}
.agree a:hover {color:#f00;}
.errorNote {color:#f00; display:none; font:12px/120% "Microsoft Yahei";}

.loginSubmit input,
.btnLogout strong,
.pubunewThread .pubSubmit input {display:block; font-size:16px; line-height:120%; float:left; padding:3px 15px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; position:absolute; right:10px; top:8px;}
header .regSubmit {padding-top:4px; text-align:center; height:34px;}
.regSubmit input {background-image:-webkit-gradient(linear,left top,left bottom,from(#f46200),to(#f48400)); border:1px solid rgba(175,95,0,.7); color:#fff; display:block; font-size:16px; line-height:120%; padding:3px 15px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align:center; margin:auto;}
.loginSubmit input,
.btnLogout strong,
.pubunewThread .pubSubmit input {background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#eee)); border:1px solid rgba(150,150,150,.7); color:#333;}
.regSubmit input.itemChange {background:#f23f00;}
.loginSubmit input.itemChange,
.btnLogout strong.itemChange,
.pubunewThread .pubSubmit input {background:#ccc;}

.hd .pubSubmit {float:right; padding:2px 10px 0 0;}
.hd .pubSubmit input {border:0; color:#666; display:inline-block; float:left; padding:0 10px; text-align:center; font:16px/25px Arial, sans-serif; -webkit-border-radius:4px; text-shadow:1px 1px 1px rgba(255,255,255, .22); -webkit-box-shadow:1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e3e3)); vertical-align:middle;}
.hd .pubSubmit input.itemChange {background:#ccc;}

#noLogin,
#userManage {display:none;}

.userManage .user,
#login {padding-top:20px;  margin:auto;}
#login label {display:block; text-align:center;}
#login label input {background-color:#e8e8e8; border:0; font:16px/120% "Microsoft YaHei",Arial; padding:10px 10px; width:270px; text-shadow:0px 1px 1px #fff;}
#login label input:focus {background:#faffbd;}

.loginText {border-bottom:1px solid #ddd;}
.loginPassword {border-top:1px solid #f5f5f5;}
.loginText input {border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px;}
.loginPassword input {border-radius:0px 0px 8px 8px; -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px; border-top:0;}
.loginText .dead {background:url("../img/loginNote.png") no-repeat 10px 15px;}
.loginPassword .dead {background:url("../img/loginNote.png") no-repeat 10px -48px;}
.regBut {line-height:120%; text-align:left; width:270px; margin:20px auto 0;}
.regBut a {color:#999;}
.regBut em {color:#f66200; text-decoration:underline;}
#login .noLoginNote {padding:100px 0 50px; text-align:center;}
.userManage .user p {color:#666; margin-bottom:15px;}
.userManage .user p a {color:#f66200; text-decoration:underline;}
.userManage .user p span {color:#f66200;}

.regCon p {padding-bottom:20px;}
.regCon p a {color:#f66200; text-decoration:underline;}

/* pubunewThread */
.tip {color:#f66200;}
.pubunewThread {width:90%; margin:auto; padding-top:20px;}
.pubunewThread .iptTxt,
.pubunewThread .iptMultiTxt {background:none; border:0; font-size:16px; padding:10px 0; width:100%; text-shadow:0px 1px 1px #fff;}
.pubunewThread .iptTxt:focus,
.pubunewThread .iptMultiTxt:focus {background:#faffbd;}
.threadTitle {margin-bottom:15px; border-bottom:2px solid #333;}
.threadBody {border-bottom:1px solid #666;}

/* mobile app */
.mobiApp {width:90%; margin:auto;}
.mobiApp h2 {font-size:18px;}
.mobiApp p {color:#666; line-height:180%; padding:0.8em 0;}
.mobiApp h3 {color:#999;}
.mobiApp h3 strong {color:#333;}
.mobiApp section {padding:20px 0;}
.mobiApp .mobiAppCon-2 {border-top:1px solid #ccc;}

.appDownload a {color:#666; display:inline-block; position:relative; padding:0 20px; text-align:center; text-decoration:none; font:16px/32px Arial, sans-serif; -webkit-border-radius:4px; text-shadow:1px 1px 1px rgba(255,255,255, .22); -webkit-box-shadow:1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e3e3));}
.appDownload .itemChange {background:#ccc;}


/**/
.album { width:100%; margin:auto; overflow:hidden; position:relative;}
.album h2 { display:none;}
.album .photoBody { text-align:center; margin:0; width:100%;}

.photoBody img { max-width:95%; max-height:350px; display:block; margin:auto;}
#albumPhoto { overflow:hidden;}

.photoTit { font:20px/24px "Microsoft YaHei"; margin:10px; max-height:48px; text-shadow:0px 0px 1px #000; overflow:hidden;}
.photoBody { float:left;}
.photoCon img { -webkit-border-radius:5px;}
.photoIndex { text-align:right; font:16px/24px "Microsoft YaHei"; padding:5px 10px; text-shadow:0px 0px 1px #000;}
.photoIndex em { color:#f00; text-shadow:0px 0px 1px #f00;}
.photoInfo { display:none;}
#albumInfo { padding:10px; border-top:1px solid #767676; text-align:left; font:16px/24px "Microsoft YaHei";}
#albumPhoto { height:228px;}
#albumPhoto p { padding-top:100px; color:#666; font-size:18px;}

.photoCon .loading { -webkit-border-radius:0px; margin:80px auto;}
.loadingBorder_bak { border:1px solid #ccc; -webkit-border-radius:5px; width:95%; margin:auto;}


/* black photo */
html, body, .album { height:100%;}
.photoMain { background:#000; height:100%; padding:0;}
.photoTit { color:#fff; text-shadow:0px 0px 1px #fff; position:fixed; width:100%; top:38px; z-index:10; margin:10px 0;}
#albumPhoto { height:100% !important;}
.photoBody { height:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center;}
.albumFoot { position:fixed; bottom:5px; width:100%; height:90px; opacity:0.7; border-top:1px solid #333; padding:5px 0 0; background:#000;}
#albumInfoScroll { width:100%; position:absolute; top:5px; bottom:5px; left:0; overflow:auto;}
#albumInfo { color:#fff; margin:0 5px; font:14px/20px "Microsoft YaHei"; padding:0 5px; border:0;}
#photoIndex { text-align:right; font:14px/24px "Microsoft YaHei"; color:#fff; text-shadow:0px 0px 1px #fff; position:absolute; top:-27px; right:10px;}
#photoIndex em { color:#ff0; text-shadow:0px 0px 1px #ff0;}
.photoBody img { max-height:97%;}