/* 基础样式 */
body{text-align:center;margin:0 auto;padding:0;background:#fff;font-size:12px;color:#000;font-family:"宋体"}
body > div{text-align:center;margin-right:auto;margin-left:auto} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0}
img,a img{border:0;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal}
ul,ol,li{list-style:none}
table,td,input{font-size:12px}
ul{margin:0px auto;margin /**/:0px}

/* 默认链接色 */
a{color:#fff;text-decoration:none;outline:none}
a:hover{text-decoration:underline}

/* 默认结构 */
.def{width:980px;margin:0px auto}
.def:after{content:".";display:block;height:0;clear:both;visibility:hidden} 

/* 清除浮动 */
.clearfix{height:1%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} 
/*------------------- START -------------------*/

/* 正文区 */
.pg_defH {height:670px}
div.mainBody {position:relative}
div.mainContainer {position:absolute;top:0;left:0}

/*-----------------------------------------------------------------------*/
div.up-area {color:#fff;background:#445566;width:980px;height:45px;overflow:hidden;text-align:left}
div.pg_groupinfo {background:url(../images/pic-n-01.gif) repeat-x 0 0;height:43px;padding-top:2px}
div.pg_groupinfo a.logo {float:left;padding:6px 0 0 6px}
div.pg_groupinfo h1 {width:400px;padding-left:10px;float:left;overflow:hidden;*white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-family:'微软雅黑','黑体';height:42px;line-height:42px;}
div.pg_groupinfo div.otherGroup {width:380px;text-align:right;height:36px;line-height:36px;float:left;cursor:pointer;margin:6px 0 0 10px;overflow:hidden}
.otherGroup a {color:#fff!important}
div.swfWrapper {float:right;margin:4px 2px 0 0;width:38px;height:30px}
div.pg_groupinfo a.fullscreen {display:block;float:left;margin:6px 0 0 28px;width:38px;height:30px;background:url(../images/pic-n-03.gif) no-repeat 0 0}
div.pg_groupinfo a.fullscreen:hover{background:url(../images/pic-n-03.gif) no-repeat -80px 0}

div.pg_toolbar {background:url(../images/toolbar-bg.gif) repeat-y 0 0;width:40px;float:right}
div.ptr_wrapper{background:url(../images/pic-n-01.gif) no-repeat 0 -122px;padding-top:20px}
div.pg_toolbar ul {list-style:none}
div.pg_toolbar ul li {margin-bottom:10px}
div.pg_toolbar a {display:block;width:30px;height:30px;text-align:center;margin:0 auto}
div.pg_toolbar a.autoPlay{background:url(../images/pic-n-03.gif) no-repeat -40px -32px;cursor:default}
/*
div.pg_toolbar a.autoPlay {background:url(../images/pic-n-03.gif) no-repeat 0 -32px}
div.pg_toolbar a.autoPlay:hover {background:url(../images/pic-n-03.gif) no-repeat -80px -32px}
*/
div.pg_toolbar a.stop {background:url(../images/pic-n-03.gif) no-repeat 0 -65px}
div.pg_toolbar a.stop:hover {background:url(../images/pic-n-03.gif) no-repeat -80px -65px}
div.pg_toolbar a.share {background:url(../images/pic-n-03.gif) no-repeat -40px -128px;cursor:default}
/*
div.pg_toolbar a.share {background:url(../images/pic-n-03.gif) no-repeat 0 -128px}
div.pg_toolbar a.share:hover {background:url(../images/pic-n-03.gif) no-repeat -80px -128px}
*/
div.pg_toolbar a.downBigImage {background:url(../images/pic-n-03.gif) no-repeat 0 -160px}
div.pg_toolbar a.downBigImage:hover {background:url(../images/pic-n-03.gif) no-repeat -80px -160px}
div.pg_toolbar a.recommGroups {background:url(../images/pic-n-03.gif) no-repeat -40px -192px;cursor:default}
/*
div.pg_toolbar a.recommGroups {background:url(../images/pic-n-03.gif) no-repeat 0 -192px}
div.pg_toolbar a.recommGroups:hover {background:url(../images/pic-n-03.gif) no-repeat -80px -192px}
*/
div.pg_toolbar a.imageInfo {background:url(../images/pic-n-03.gif) no-repeat -40px -225px;cursor:default}
/*
div.pg_toolbar a.imageInfo {background:url(../pic-n-03.gif) no-repeat 0 -225px}
div.pg_toolbar a.imageInfo:hover {background:url(../images/pic-n-03.gif) no-repeat -80px -225px}
*/

.defH {height:550px}
.lH {*line-height:550px}

div.mid-area {width:100%;overflow:hidden;background:#000}

div.loading-wrapper {position:absolute;left:0;width:100%;background:#000;position:absolute;z-index:121}
div.loading {display:table-cell;width:940px;vertical-align:middle;z-index:100}
div.loading {*line-height:510px;_zoom:1;_display:inline}
div.loading img {vertical-align:middle}
div.loading i {*display:inline-block}

div.image-wrapper {position:absolute;left:0;z-index:120}
div.image-area{background:#000;width:940px;float:left;text-align:left}
div.main-image-area {position:absolute;float:left;overflow:hidden;z-index:101}
div.main-image-container {display:table-cell;text-align:center;vertical-align:middle;width:940px;z-index:100}
div.main-image-container img {vertical-align:middle;*display:inline-block}
div.main-image-container i {*display:inline-block}
div.maskLayer {position:absolute;top:0;left:0;width:940px;z-index:102;cursor:pointer;background:url(../images/pic-n-03.gif) no-repeat -999px -999px}
div.elemLayer {z-index:103}
#groupInfo {position:absolute;top:40%;left:320px;padding:5px 0;line-height:5px;width:350px;text-align:center;font:bold 2em '黑体';z-index:101}
a.pg_previous {position:absolute;top:42%;left:10px;z-index:103;display:block;height:54px;width:54px;background:url(../images/lt_click.png) no-repeat 0 0}
*html a.pg_previous {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lt_click.png',sizingMethod='crop')}
a.pg_previous:hover {cursor:pointer;background:url(../images/lt_hover.png) no-repeat 0 0}
*html a.pg_previous:hover {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lt_hover.png',sizingMethod='crop')}
a.pg_next{position:absolute;top:42%;right:50px;display:block;height:54px;width:54px;background:url(../images/rt_click.png) no-repeat 0 0;z-index:103}
*html a.pg_next {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rt_click.png',sizingMethod='crop')}
a.pg_next:hover {background:url(../images/rt_hover.png) no-repeat 0 0}
*html a.pg_next:hover {cursor:pointer;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rt_hover.png',sizingMethod='crop')}

/* 底部 start */
div.bottom-area {width:980px;height:75px}
/* 索引图区域 */
div.index-area{background:url(../images/pic-n-01.gif) repeat-x 0 -45px;height:100%}
div.index-area div.thumbnail{float:left;padding-left:20px;width:60px;height:60px;margin-top:8px}
div.thumbnail a {display:block;width:60px;height:58px;background:url(../images/thumbs-bg.gif) no-repeat -60px 0}
div.thumbnail a:hover {background:url(../images/thumbs-bg.gif) no-repeat -120px 0}
div.index-image {float:left;width:630px;margin:0 8px}
div.index-image div.preWraper {float:left;width:10px;height:100%;padding-right:2px}
div.index-image div.preWraper a{display:block;background:url(../images/pic-n-03.gif) no-repeat -30px -239px;margin-top:28px;*margin-top:25px;width:9px;height:16px}
div.index-image div.preWraper a:hover {background:url(../images/pic-n-03.gif) no-repeat -30px -208px}
div.nextWraper {float:left;width:10px;padding-left:2px;height:100%}
div.nextWraper a {outline:none;display:block;cursor:pointer;width:9px;height:16px;margin-top:25px;background:url(../images/pic-n-03.gif) no-repeat -30px -224px}
div.nextWraper a:hover{background:url(../images/pic-n-03.gif) no-repeat -30px -191px}
div.scroller{overflow:hidden;width:600px;height:75px;padding:0;margin:0;float:left}
div.pictureScroller{overflow:hidden;position:relative;left:0;top:0;height:100%;width:600px}
div.scrollerImageArea{width:100px;float:left}
div.scrollerImage{text-align:center;width:94px;height:64px;padding:4px 3px;background:url(../images/picA.gif) no-repeat -95px -142px;cursor:pointer;overflow:hidden}
div.current {background:transparent url(../images/photoframe.png) no-repeat 0 0}
*html div.current {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/photoframe.png',sizingMethod='crop')}
*+html div.current {background:transparent url(../images/photoframe.png) no-repeat center center}
#indexIMGBorder {display:block;white-space:nowrap;height:72px;position:absolute;left:0;top:0;visibility:visible}
/* 底部 end*/

div.text-area {position:absolute;bottom:75px;_bottom:76px;height:70px;z-index:120}
div.text-area-b {bottom:-70px;width:980px;background:#000}
div.text-area div.text-area-bg {position:absolute;top:0;height:70px;*float:left;width:940px;background:#000;filter:alpha(opacity=20);opacity:0.2;z-index:-999}
div.text-area-b div.text-area-bg{background:none}
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:left}
div.showTextArea ul.switch li a{display:block;position:relative;width:20px;height:20px;background:url(../images/picA.gif) no-repeat -36px -258px !important}
div.showTextArea ul.switch li a:hover{width:20px;height:20px;background:url(../images/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.relateInfo ul.page {width:110px;height:70px;float:left}
ul.page li.hide {height:16px;text-align:left}
ul.page li.hide a {display:block;background:url(../images/pic-n-03.gif) no-repeat 0 -321px;height:15px;width:30px}
ul.page li.hide a:hover {background:url(../images/pic-n-03.gif) no-repeat -30px -321px}
ul.page li.show {height:16px;text-align:left}
ul.page li.show a {display:block;background:url(../images/pic-n-03.gif) no-repeat -60px -321px;height:15px;width:30px}
ul.page li.show a:hover {background:url(../images/pic-n-03.gif) no-repeat -90px -321px}
ul.page li.pageofcate {font:normal 1.3em Arial;color:#fff;width:110px;height:50px;padding-top:5px;text-align:center;line-height:50px}
ul.page li.pageofcate span{font-size:3em;padding-right:2px}
div.relateInfo div.text {height:70px;width:730px;padding:0 10px;color:#fff;text-align:left;float:left}
div.relateInfo div.text #picTitle {font: bold 14px  Arial;padding:2px 0}
div.relateInfo div.text .pictext {color:#F3F3F3;height:48px;font:normal 12px '宋体';text-indent:2em;line-height:16px;overflow:hidden}
.pictext a {color:#ffc30c!important;text-decoration:underline;}
ul.favoriteArea {background:url(../images/pic-n-03.gif) no-repeat 0 -338px;float:left;width:65px;height:66px;margin:5px 10px}
ul.favoriteArea li {text-align:center;height:30px;line-height:30px}
ul.favoriteArea li.favcount {color:#3676A9;font:normal 1.15em 'Tahoma';line-height:30px}
ul.favoriteArea li.favtext {height:30px;color:#fff}
ul.favoriteArea li.favtext a {display:block;height:30px;text-decoration:none;position:relative;top:0}
ul.favoriteArea li.favtext a.disabled {cursor:default;background:url(../images/pic-n-03.gif) no-repeat -65px -370px}
ul.favoriteArea li.favtext a:hover {background:url(../images/pic-n-03.gif) no-repeat -65px -339px}
ul.favoriteArea li.favtext a.disabled:hover {background:url(../images/pic-n-03.gif) no-repeat -65px -370px}

div.placeholder {width:39px;height:100%;float:left}

div.pg_preview_imagelist {background:#4A4A4A;height:605px;width:940px;float:left;padding-top:1px}
div.pg_preview_imagelist div.pp{width:840px;height:575px;margin:12px auto;float:left;line-height:42px;position:relative;overflow:hidden}
div.pp ul.pic_list {width:842px;position:absolute;left:10px}
div.pp ul.pic_list li{float:left;height:188px;width:200px;overflow:hidden;margin:2px 2px;background:url(../images/bg02.gif) no-repeat center center}
div.pp ul.pic_list li.current {background:url(../images/bg_current.png) no-repeat center center}
*html div.pp ul.pic_list li.current {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_current.png',sizingMethod='crop')}
div.pp ul.pic_list li a {display:block;outline:none;height:186px;overflow:hidden;vertical-align:middle;text-align:center}
div.pp ul.pic_list li a i {display:inline-block;height:100%;vertical-align:middle}
div.pp  e.pic_list li a img {vertical-align:middle}

div.ad-index-image {height:68px;margin-top:5px;float:left}
div.ad-index-image img {margin-top:2px}

ul.control_bar {float:right;position:relative;top:190px;right:36px;height:152px;margin:0;width:50px;}
ul.control_bar li {height:48px;width:48px}
ul.control_bar li.middle {margin:5px auto;height:45px;background-color:#676767;width:1px;border-right:1px solid #000}
ul.control_bar li a {display:block;height:54px;width:54px;outline:none;cursor:hand}
ul.control_bar li a.up {background:url(../images/up_click.png) no-repeat 0 0}
*html ul.control_bar li a.up {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/up_click.png',sizingMethod='crop')}
ul.control_bar li a.up:hover {background:url(../images/up_hover.png) no-repeat 0 0}
*html ul.control_bar li a.up:hover {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/up_hover.png',sizingMethod='crop')}
ul.control_bar li a.down {background:url(../images/down_click.png) no-repeat 0 0}
*html ul.control_bar li a.down {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/down_click.png',sizingMethod='crop')}
ul.control_bar li a.down:hover {background:url(../images/down_hover.png) no-repeat 0 0}
*html ul.control_bar li a.down:hover {background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/down_hover.png',sizingMethod='crop')}