@charset "utf-8";

/* 正文区 */
div.mainBody {background:#484646;height:714px;-moz-user-select:none;text-align:center; margin-top:-5px;*margin-top:0;}
div.mainContainer {position:relative;top:5px;*top:0;left:0;margin:5px auto;padding:auto;width:950px;height:704px;vertical-align:middle;text-align:center}

/*-----------------------------------------------------------------------*/
div.mainIMGContainer {position:relative;display:table-cell;text-align:center;vertical-align:middle;width:950px;height:700px;z-index:98}
div.mainIMGContainer {*line-height:700px;*height:700px;*display:block}
div.mainIMGContainer img {vertical-align:middle;*display:inline-block}
div.mainIMGContainer i {*display:inline-block}

#groupInfo {position:absolute;left:300px;top:255px;padding:5px 0;line-height:5px;width:350px;text-align:center;font:bold 22px '黑体';background:#5d5959;z-index:120}
div.loadingImgContainer {width:1px;height:1px}
#loadingIMG {position:relative;width:0;height:0}
div.mainOperArea {position:absolute;top:0;height:710px;width:940px; padding:0 5px; left:0;overflow:hidden;z-index:110}

div.upOperArea {width:100%;height:50px;color:#FFF;text-align:left}
div.toolBar {position:relative;top:5px;left:890px;height:30px;width:150px;z-index:100}
div.toolBar ul {list-style:none}
div.toolBar ul li {float:left;margin-left:2px;}
div.toolBar ul li.help {position:relative;top:2px;left:5px;cursor:pointer;margin-left:10px;width:30px;text-align:center;padding:3px 0 0;height:17px;border:1px solid #0654cc;background:#fbfcfb;color:#0654cc;_left:0;}
div.toolBar ul li.active{border-color:#5f9baf;color:#5f9baf;}
div.helpText {position:absolute;top:30px;left:715px;width:225px;padding:25px 0 0 18px;text-align:left;height:75px;color:#fff;line-height:20px;background:url(picA.gif) no-repeat 0 -36px;filter:Alpha(opacity=75);opacity:0.75}
div.helpText h3 {color:#19A5F2;font-weight:bold;margin-bottom:2px}

div.midOperArea {height:495px;width:100%}
div.midOperArea div{height:495px}
div.maskleftdiv {float:left;text-align:left;width:416px;cursor:pointer;*background:url(picA.gif) no-repeat -205px -270px}
div.maskleftdiv span.leftPic {display:block;position:relative;left:25px;top:248px;height:40px;width:44px;background:url(picA.gif) no-repeat 0 -135px!important}
div.maskmiddiv {float:left;width:100px;*background:url(picA.gif) no-repeat -205px -270px}
div.maskrightdiv {float:right;text-align:left;width:416px;cursor:pointer;*background:url(picA.gif) no-repeat -205px -270px}
div.maskrightdiv span.rightPic{position:relative;left:335px;top:250px;display:block;height:40px;width:44px;background:url(picA.gif) no-repeat -48px -135px!important}

div.showTextAreaContainer {position:relative;top:0;left:0;width:940px}
div.textAreaBg {position:absolute;top:0; left:-5px;width:950px;height:160px;background:url(text_bg.png) no-repeat 0 0;z-index:-999}
*html div.textAreaBg {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='script/photogallery/text_bg.png',sizingMethod='crop')}
div.showTextArea {height:160px}
div.showTextArea div.showHideText{height:20px;width:100%;color:#fff}
div.showTextArea ul.switch {height:20px;text-align:left;cursor:pointer}
div.showTextArea ul.switch li {float:right}
div.showTextArea ul.switch li a{display:block;position:relative;width:20px;height:20px;background:url(picA.gif) no-repeat -36px -258px !important}
div.showTextArea ul.switch li a:hover{width:20px;height:20px;background:url(picA.gif) no-repeat -53px -258px !important}
div.showTextArea ul.switch li.text{padding-top:3px;height:15px;margin:2px 0 0 15px;letter-spacing:8px}

div.showTextArea div.relateInfo {width:100%;height:60px}
div.showTextArea div.relateInfo div.pageofcate {font:normal 16px Arial;color:#fff;float:right;width:110px;height:60px;text-align:center;line-height:60px}
div.showTextArea div.relateInfo div.pageofcate span{font-size:2.8em;padding-right:2px}
div.showTextArea div.relateInfo div.textArea {height:48px;padding:12px 10px 0 0;width:730px;color:#fff;text-align:left;float:left}
div.showTextArea div.relateInfo div.textArea p {width:730px}
div.showTextArea div.relateInfo div.textArea p.nTitle{font:normal bold 14px '宋体'; margin-bottom:4px;}
div.showTextArea div.relateInfo div.textArea p.nText {line-height:16px;height:32px;overflow:hidden}
div.showTextArea div.relateInfo ul.favoriteArea {float:right;width:155px;height:46px;margin-top:9px;list-style:none}
div.showTextArea div.relateInfo ul.favoriteArea li {list-style:none;float:left;text-align:center}
div.showTextArea div.relateInfo ul.favoriteArea li.down {cursor:pointer;width:87px;height:27px;margin-right:10px}
div.showTextArea div.relateInfo ul.favoriteArea li.down a{display:block;line-height:30px;height:100%;background:url(picA.gif) no-repeat 0 -293px}
div.showTextArea div.relateInfo ul.favoriteArea li.down a:hover {background:url(picA.gif) no-repeat -90px -293px}
div.showTextArea div.relateInfo ul.favoriteArea li.up {width:50px;margin-left:0;}
div.showTextArea div.relateInfo ul.favoriteArea li.up a {display:block;cursor:pointer;margin-left:auto;margin-right:auto;width:27px;height:27px;background:url(picA.gif) no-repeat -3px -178px}
div.showTextArea div.relateInfo ul.favoriteArea li.up a:hover{background:url(picA.gif) no-repeat -32px -178px}
div.showTextArea div.relateInfo ul.favoriteArea li.up a.done {cursor:default;margin-left:auto;margin-right:auto;width:27px;height:27px;background:url(picA.gif) no-repeat -60px -180px}
div.showTextArea div.relateInfo ul.favoriteArea li.up div.upCount {color:#fff;height:20px;text-align:center;font:bold 12px '宋体';}

div.showTextArea div.indexImage {height:80px;width:100%}
div.showTextArea div.indexImage div.rollPic{width:940px;height:72px;margin:2px 0}
div.showTextArea div.indexImage div.rollPic div.left {width:18px;height:100%}
div.showTextArea div.indexImage div.rollPic div.left a{display:block;margin-top:33px;*margin-top:30px;cursor:pointer;width:18px;height:20px;background:url(picA.gif) no-repeat 0px -238px}
div.showTextArea div.indexImage div.rollPic div.left a:hover {background:url(picA.gif) no-repeat -15px -238px}

div.showTextArea div.indexImage div.scroller{overflow:hidden;width:900px;height:75px;padding:0;margin:0;float:left}
div.showTextArea div.indexImage div.pictureScroller{overflow:hidden;position:relative;left:0;right:0;height:100%;width:900px}
div.showTextArea div.indexImage div.scrollerImageArea{width:100px;float:left}
div.showTextArea div.indexImage div.scrollerImage{text-align:center;width:94px;height:64px;padding:4px 3px;background:url(picA.gif) no-repeat -95px -142px;cursor:pointer;overflow:hidden}
div.showTextArea div.indexImage div.current {background:transparent url(photoframe.png) no-repeat 0 0}
*html div.showTextArea div.indexImage div.current {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='script/photogallery/photoframe.png',sizingMethod='crop')}
*+html div.showTextArea div.indexImage div.current {background:transparent url(photoframe.png) no-repeat center center}

div.showTextArea div.indexImage div.rollPic div.right {width:18px;height:100%}
div.showTextArea div.indexImage div.rollPic div.right a {display:block;cursor:pointer;width:18px;height:20px;margin-top:35px;background:url(picA.gif) no-repeat -38px -238px}
div.showTextArea div.indexImage div.rollPic div.right a:hover{background:url(picA.gif) no-repeat -58px -238px}

#indexIMGBorder {display:block;white-space:nowrap;height:72px;position:absolute;left:0;top:0;margin-top:5px;*margin-top:0;visibility:visible}

div.hiddenTextAreaContainer {position:relative;top:140px;left:0;width:100%;height:18px}
div.hiddenTextAreaBg{float:left;z-index:-999;height:20px;width:100%;position:absolute;background:url(text_bg.png)}
*html div.hiddenTextAreaBg{background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='text_bg.png',sizingMethod='scale')}
div.hiddenTextAreaContainer ul{list-style:none;color:#fff;cursor:pointer}
div.hiddenTextAreaContainer ul li{margin-left:2px;float:right}
div.hiddenTextAreaContainer ul li.text{margin:5px 15px;letter-spacing:8px}
div.hiddenTextAreaContainer ul li a{display:block;width:20px;height:20px;background:url(picA.gif) no-repeat -2px -258px !important}
div.hiddenTextAreaContainer ul li a:hover{width:20px;height:20px;background:url(picA.gif) no-repeat -19px -258px !important}

div.recompic {width:700px;height:605px;color:#FFF;margin-left:auto;margin-right:auto;padding-top:20px}
div.recompic div.text {font:bold 16px '宋体';padding-left:20px;text-align:left;*text-indent:20px}
div.recompic div.picArea {width:100%;padding-top:0;text-align:center}
div.recompic div.picArea ul {list-style:none;width:675px}
div.recompic div.picArea li {float:left;height:245px;width:180px;text-align:center;margin:20px 18px;border:1px solid #676767;border-right:1px solid #8a8a8a;background:#474747;cursor:pointer;}

div.recompic div.picArea li.act {background:#727272;border:1px solid #0876CA;}
div.recompic div.picArea li a {cursor:pointer;text-decoration:none}
div.recompic div.picArea li a:hover {text-decoration:none}
div.recompic div.picArea li span.imgBorder {display:block;width:170px;height:136px;overflow:hidden;padding:30px 5px 25px 5px}
div.recompic div.picArea li span.title {display:block;padding:5px 5px 3px 5px;text-align:left;height:25px;color:#fff}
div.recompic div.picArea li span.count {display:block;padding:5px;text-align:left;color:#00A7FE}
div.recompic div.picArea li img.img {border:0}


.logoNav{height:46px; line-height:46px; padding-left:6px; color:#c11920; font-family:"黑体"; font-size:25px; font-weight:700;text-align:left;}