BODY {
	FONT-SIZE: 12px;
	MARGIN: 0px;
	COLOR: #515151;
	LINE-HEIGHT: 20px;
	BACKGROUND-COLOR: #242424;
}

a, a:visited ,a:link {
	COLOR: #515151; TEXT-DECORATION: none
}
a:hover
{
	color:#F00	; TEXT-DECORATION: none
}

/*----*/
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.cls {
	clear: both;
	line-height: 0px;
	height: 0px;
}
#top {
	BACKGROUND-IMAGE: url(top_back.gif);
	WIDTH: 980px;
	HEIGHT: 96px;
	margin: auto;
}
#top #logo {
	FLOAT: left; WIDTH: 260px
}
#top #logo IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#top #gg {
	FLOAT: left; WIDTH: 540px
}
#top #user {
	FLOAT: right; WIDTH: 180px
}
#menu {
	BACKGROUND-IMAGE: url(menu_back.gif);
	WIDTH: 980px;
	HEIGHT: 30px;
	margin: auto;
}
#menu A {
	PADDING-RIGHT: 3px;
	BACKGROUND-POSITION: left;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(top_back_i.gif);
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 30px;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: no-repeat
}
#main {
	WIDTH: 980px;
	BACKGROUND-COLOR: #5c5d5f;
	margin: auto;
}
#main #left {
	DISPLAY: block;
	FLOAT: left;
	WIDTH: 700px;
	BACKGROUND-COLOR: #ffffff;
	overflow: hidden;
}

.foot {
}
.foot .t {
	FONT-WEIGHT: bold; WIDTH: 100%; LINE-HEIGHT: 30px; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center
}
.foot .t A {
	MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px
}
.foot .b {
	LINE-HEIGHT: 20px;
	BACKGROUND-COLOR: #b6b6b6;
	TEXT-ALIGN: center;
	padding: 10px;
}

#main #right {
	FLOAT: right;
	WIDTH: 278px;
	HEIGHT: 100%;
	TEXT-ALIGN: center;
	overflow: hidden;
}
#main #right #mryt {
	WIDTH: 270px; HEIGHT: 235px
}
.box1 {
	
}
.box1 .tit {
	background-image: url(tl.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 22px;
}

.box1 .tit H1 {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 18px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	COLOR: #FFF;
	LINE-HEIGHT: 22px;
	PADDING-TOP: 0px;
	HEIGHT: 22px;
	background-image: url(tr.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}
.box1 .inner {

}
.imgitm {
	width:160px;
	height:160px;
	float:left;
	margin:7px;
	display: block;
}
.imgitm dt {
	margin: 0px;
	padding: 0px;
}
.imgitm dt .aimg {
	height: 120px;
	width: 160px;
	overflow: hidden;
	display:block;
}

.imgitm dt .aimg img {
	width: 160px;
}

.imgitm dd {
	margin: 0px;
	padding: 0px;
}


.imgtitles {
}
.imgtitles a {
	float: left;
	width: 160px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
}

.pageder {
	DISPLAY: block;
	WIDTH: 100%;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
.pageder .cpb {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #999999 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #cccccc
}
.pageder A {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #333333 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #666666
}
.pageder A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.pageder span {
	float: left;
	margin: 3px;
	padding-right: 5px;
	padding-left: 5px;
}

.box2 {
	MARGIN: 2px
}
.box2 .tit {
	background-image: url(box2h1b.jpg);
	height: 29px;
	margin: 0px;
	padding: 0px;
}

.box2 .tit H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #ffffff;
	LINE-HEIGHT: 29px;
	PADDING-TOP: 0px;
}
.box2 .inner {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.box2 .redin
{
    text-align : center;
    background-color:#ae213e
    }
.box2 .inner #osver {
	color: #AE213E;
	font-weight: bold;
	font-size: 14px;
}
.box2 .inner #screenwh {
	color: #AE213E;
	font-weight: bold;
	font-size: 14px;
}
.sublists ul {
	margin: 5px;
	padding: 0px;
}
.sublists ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 80px;
}


.otheralbum ul {
	margin: 5px;
	padding: 0px;
}
.otheralbum ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 130px;
}



/*----*/
#hdp {
	margin: 3px;
	padding: 0px;
	height: 250px;
	width: 690px;
	overflow: hidden;
	position: relative;
	text-align: center;
	border: 1px solid #000;
}
#idContainer {
	height: 250px;
	width: 400px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#idContainer img {
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: 10px;
}
/*filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;
*/
#hdp .mb {
    opacity: 0.6;
	filter: alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;
	z-index: 100;
	height: 250px;
	width: 135px;
	position: absolute;
	top: 0px;
	background-color: #000;
}
#hdp .mbleft {
	left: 0px;
}
#hdp .mbrigth {
	right: 0px;
}

#idContainer td {
	vertical-align: top;
}
#fenxiang {
	text-align: center;
}
.albuminfo {
}
.albuminfo .r {
	float: right;
	width: 250px;
}
.albuminfo .l {
	float: left;
	width: 450px;
}
.albuminfo .l div h1 {
	text-align: center;
	color: #AE213E;
	font-size: 18px;
	line-height: 30px;
	padding: 0px;
	margin: 5px;
	font-weight: bold;
}

.albuminfo .l .info {
	padding: 5px;
}
.albuminfo .l .info dl {
	margin: 0px;
	padding: 0px;
}
.albuminfo .l .info dl dt {
	font-weight: bold;
}
.albuminfo .l .info dl dd {
	line-height: 20px;
}
.nav {
	padding: 8px;
	font-size: 12px;
	line-height: 20px;
}
.nav span {
	font-weight: bold;
}
#loadingdiv {
	z-index: 99;
	position: absolute;
	color: #000;
	background-color: #8ED65F;
}
.ip_nav {
	line-height: 30px;
	color: #999;
}
.ip_nav a {
	color: #FFF;
	line-height: 30px;
	font-size: 12px;
}
.ip_nav a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.ip_hlp {
	color: #FFF;
	line-height: 20px;
	margin: 5px;
	background-color: #666;
}
.ip_hlp span {
	color: #F00;
	font-weight: bold;
}
#ip_whmsg {
	float: left;
	line-height: 30px;
}
#ip_cut {
	float: left;
	line-height: 30px;
}


.ip_imgdiv {
	text-align: center;
}
#ip_imglist {
	position: absolute;
	width: 115px;
	left: 18px;
	top: 135px;
	z-index: 90;
}
#ip_imglist ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ip_imglist ul li {
	margin: 3px;
	list-style-type: none;
	padding: 0px;
}
#ip_imglist ul li a img {
	border: 3px solid #999;
	width: 100px;
}
#ip_imglist ul li a:hover img {
	border: 3px solid #r00;
}
#ip_imglist ul li a .cur {
	border: 3px solid #FFF;
}

#ip_imglist ul .pg {
	color: #FFF;
	background-color: #666;
	margin: 5px;
	padding: 0px;
	text-align: center;
}
#ip_imglist ul .pg a {
	color: #FFF;
}

#maskdiv
{
    background-color: #000;
    opacity: 0.6;
    filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; 
    width:100%;height:100%; position: absolute;left: 0px;top: 0px;z-index: 100;
}
#cutdiv {
	display: none;
}

.imgdesc
{
    color:#FFF;
    line-height:20px;
    }
#cutframe
{
	background-color: #000;
	position: absolute;
	left: 326px;
	top: 30px;
	z-index: 999;
	text-align:left;
	color:#FFF;
	border: 2px solid #999;
	padding: 20px;
	width: 450px;
}
#cutwin
{
	width:450px;
	background-color:#fff;
	overflow:hidden;
	margin-top: 5px;
}
#wintitdiv {
	text-align: right;
}
#btnclose {
	float: right;
}
#cutoption {
}
#cutoption a {
	color: #F00;
}