* {
	-webkit-text-size-adjust : none;
}

html {
	border:0;
}
body {
	position: relative;
	background-color: #595959;
	font-family: Simsun, Tahoma, Verdana;
	color: black;
	font-size: 14px;
	margin: 0px; 
	text-align: center;
}

a, p, h1, h2, h3, .a-12 {
	font-family: Simsun ,Tahoma, Verdana;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.a-12 {
	font-size: 12px;
}

img {
	border-width: 0;
	zoom: 1;
}

a:link ,a:visited{
	color: #4C4C4C;
}

a:active {
	color:red;
	text-decoration:none;
}


a:hover {
	color:red;
	text-decoration: underline;
}

ul{
	list-style:none;
	float: left;
	padding: 0;
	margin: 0;
}

li {
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
}

span.span-b{
	font-weight: bold;
}

.span-hide, .span-hide a{
	font-size: 0;
	display : none;
}

label {
	line-height: 24px;
}

textarea{
	border: 1px solid #1B1B1B;
	height: auto;
	width: auto;
}

.input-text, .input-password, .input-submit, .input-reset, .input-searchbutton{
	border: 1px solid #1B1B1B;
	height: 16px;
	width: auto;
}

.input-submit, .input-reset, .input-searchbutton{
	height: 20px;
}

.input-searchbutton{
	top: 3px;
	width: 35px;
}


form {
	margin: 0;
}


#mainBody{
	width: 987px;
	height: 100%;
	margin:auto;
	overflow:hidden;
	clear:both;
	
	background: white;
	border:1px solid #1B1B1B;
	border-bottom: 0px;
}

/*头部分*/
#header{
	background-image: url(http://heromeo.com/data/images/banner.jpg);
	width: 987px;
	height : 246px;
	text-align: left;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1B1B1B;
}


#header .navigation{
	position:relative;
	top: 204px;
	left: 128px;
	width: 850px;
}

#header .navigation span{
	margin-right:32px;
}

.shoplink{
	position: absolute;
	display:block;
	top:10px;
	left:690px;
}

#header .navigation span a {
	font-weight: bold;
}

#header .navigation span a:link, #header .navigation span a:visited {
	color: Black;
	text-decoration:none;
}

#header .navigation span  a:active {
	color: red;
	text-decoration:none;
}

#header .navigation span a:hover {
	color:red;
	text-decoration:none;
}

#header .google-plus {
	position: absolute;
	display:block;
	top:8px;
	right:10px;
}


/*主要内容*/
#content{
	margin: 15px;
	text-align: left;
}

/*主体*/
#content-main{
	float: left;
	position:relative;
	left: 0;
	top: 0;
	width: 695px;
}

#content-main-full{
	float: left;
	position:relative;
	left: 0;
	top: 0;
	width: 100%;
}

#content-main .crumb, #content-main-full .crumb{
	background: url(http://heromeo.com/data/images/content-main-crumb.gif) 0 0px no-repeat;
	display:inline;
	padding-left: 15px;
	padding-right: 10px;
	width: auto;
}

#content-main-panel0{
	position:relative;
	left: 0;
	/* width: 100%;
	height: 100px;*/
	width: 654px;
	height: 190px;
	margin-bottom: 12px;
}

.tipsstyle{
	top : 7px;
	border-width: 1px;
	border-color: silver;
	border-style: dashed;
	background-color: lightGoldenrodYellow;
	padding : 20px;
	line-height: 180%;
}

#content-main-panel1{
	position:relative;
	left: 0;
	width: 100%;
	height: 324px;
}

#content-main-panel1-1{
	position:relative;
	width: 248px;
	height: 100%;
	border: 1px solid #686868;
}

#content-main-panel1-2{
	position:relative;
	float: right;
	width: 440px;
	height: 324px;
	border: 1px solid #686868;
	background-color: white;
	background:url(http://heromeo.com/data/images/content-main-panel1-2-background.gif) 0 0px repeat-x;
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
}


#content-main-panel1-2 .title{
	margin-top: 30px;
	display:block;
	width: auto;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: red;
}

#content-main-panel1-2 .datetime, #content-main-panel1-2 .lsitdatetime{
	font-family: Tahoma, Verdana, Simsun;
	display: block;
	width: 100%;
	text-align: center;
	color: gray;
	font-size: 9px;
}

#content-main-panel1-2 .lsitdatetime{
	display: inline;
	text-align: left;
}

#content-main-panel1-2 ul{
	margin-top: 19px;
	margin-left: 50px;
}

#content-main-panel1-2 li{
	margin-top: 4px;
}

#content-main-panel1-2 hr{
	width: 90%;
	height: 1px;
	text-align: center;
	border-width: 0;
	border-top: 1.5px;
	border-color: #1B1B1B;
	border-style: dashed;
}


.content-main-panel2{
	margin-top: 12px;
	position:relative;
	left: 0;
	width: 100%;
	height: 324px;
}

.content-main-panel2-1{
	position:relative;
	width: 341px;
	height: 100%;
	border-width: 0;
}

.content-main-panel2-2{
	position:relative;
	margin-right: 2px;
	float: right;
	width: 341px;
	height: 100%;
	border-width: 0;
}

.content-main-panel2-header{
	width: 100%;
	height: auto;
	border-width: 0;
	cursor: pointer;
}

.content-main-panel2-contant,.content-main-panel2-contant2,.content-main-panel2-contant3{
	width: 100%;
	height: 261px;
	border: 1px solid #686868;
	border-top: 0;
	margin-top: -4px;
}

.content-main-panel2-contant2{
	line-height: 261px;
	text-align: center;
}

.content-main-panel2-contant2 img{
	vertical-align: middle;
	border: 1px solid #686868;
}

.content-main-panel2-contant3{
	text-align: center;
}

.content-main-panel2-contant3 img{
	margin-top: 20px;
	margin-bottom: -10px;
}

#content-main-panel2-3-img{
	max-width: 273px;
	max-height: 205px;
	
	width: expression(this.width > 273 && this.width > this.height ? 273 : true);
    height: expresion(this.height > 205 ? 205 : true);
}

.content-main-panel2-contant ul{
	margin :15px 5px 5px 10px;
	width: 320px;
}

.content-main-panel2-contant ul li{
	display: block;
	border-width: 0;
	border-bottom: 1.5px;
	border-color: #cdcdcd;
	border-style: dashed;
	margin-top: 6px;
	padding-left: 8px;
}

#content-main-panel3{
	margin-top: 12px;
	position:relative;
	left: 0;
	width: 100%;
	height: auto;
}

#content-main-panel3-link-header{
	height: 43px;
	background: url(http://heromeo.com/data/images/content-main-panel3-links-header.gif) 0 0px no-repeat;
	margin-left: -5px;
}

#content-main-panel3-link-content{
	padding-left: 30px;
}

#content-main-panel-book{
	background: url(http://heromeo.com/data/images/content-main-books.jpg) 0 0px no-repeat;
	margin-top: 12px;
	position:relative;
	left: 0;
	width: 100%;
	height: 340px;
}
.content-main-panel-book-list{
	margin : 60px auto auto 30px;
	line-height:150%;
	width:440px;
	height:250px;
}

.content-main-panel-book-list a:link{
	color:black;
}

.content-main-panel-book-list .date{
	color: gray;
	font-family: Tahoma, Verdana, Simsun;
	font-size: 9px;
}

.content-main-panel4{
	margin-top: 12px;
	position:relative;
	left: 0;
	width: 100%;
	height: 255px;
}

.link {
	display: inline;
	margin-right: 10px;
	line-height: 18px;
	word-break : keep-all;
}

.link a{
	font-size: 12px;
}

.imglink {
	display: inline;
	margin-right : 0px;
}



.content-main-ad{
	margin-top: 12px;
	position:relative;
	left: 0;
	width: 100%;
	height: 80px;
	border-width: 0;
}

.keyword{
	font-weight: bold;
	color : red;
}


/*侧边栏*/
#sidebar{
	float: right;
	position:relative;
	/* left: 709px; 
	 margin-top: -16px; */
	width: 254px;
}

#sidebar .panel  {
	background: url(http://heromeo.com/data/images/sidebar-banner.gif) no-repeat 0 0;
	min-height: 100px;
	margin-bottom: 5px;
}

#sidebar .panel-weibo {
	background: url(http://heromeo.com/data/images/sidebar-banner-weibo.gif) no-repeat 0 0;
}

#sidebar .panel h2{
	color: white;
	margin: 0;
	padding-top:10px;
	padding-right: 17px;
	text-align: right;
}

#sidebar .panel h3{
	color: gray;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0;
	padding-right: 17px;
	text-align: right;
}

#sidebar .panel .panel-content{
	overflow: hidden;
	margin: 18px 15px 15px 15px;
	text-align: left;
	height : 100%;
}
/*
#sidebar .panel .panel-content .u115ad{
	text-align: left;
	margin-top : 10px;
	margin-left : 0px;
}*/
#sidebar .panel .panel-content .u115ad a{
	font-size: 12px;
}

#sidebar .sidebar-ad{
	margin : 10px 17px 15px 17px;
}

.sidebar-item {
	overflow: hidden;
}

.sidebar-item li {
	margin-left: 5px;
	margin-bottom: 3px;
	padding-left: 20px;
	white-space:nowrap;
	font-size: 12px;

	background: url(http://heromeo.com/data/images/cat-sidebar-new-comments.gif) no-repeat 0 0px;
}

.sidebar-item .c2 {
	background: url(http://heromeo.com/data/images/cat-sidebar-new-comments2.gif) no-repeat 0 0px;
}

.sidebar-item li a{
	font-size: 12px;
}

.sidebar-item li .title{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
	max-width:163px;
	float: left;
}

.sidebar-item li .view_count{
	display: inline-block;
	font-family: Tahoma, Verdana, Simsun;
	color: gray;
	font-size: 9px;
	margin-top: -12px;
	margin-left: 5px;
}

/*底部*/
#footer {
	float: left;
	text-align: center;
	padding: 30px 0 30px 0;
	width: 100%;
	left: 0;
	bottom: 0;
}
#footer, #footer a{
	font-size: 12px;
}

#footer_right {
	float: left;
	text-align: right;
	width: 100%;
	color: gray;
	font-size: 12px;
}

#footer_right a{
	color: gray;
	font-size: 12px;
}

/*3.0 new */
.aligncenter{
	display:block;
	margin:0 auto;
}