﻿body {
	background:url('./style/bg.png') repeat;
	margin:0 auto 0 auto;
	font:12px "Lucida Grande","微软雅黑";
}
* {
	-moz-transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-o-transition:all .1s linear;
	-ms-transition:all .1s linear;
	transition:all .1s linear;
}
#main{
	width: 1000px;
	margin: 0 auto;
}
a {
	text-decoration:none;
}
img {
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
#na_ul a {
	color:#7D8894;
	font-weight:700;
	font-size:14px;
}
#na_ul a:hover,.article_name_p a:hover {
	color:#74A222 !important;
	font:
}
#na_ul .na_ch_li ,#na_ul .na_ch_li_click
/*导航按钮*/
	 {
	float:left;
	width:70px;
}
#na_ul .na_ch_ico {
	background-image:url('./style/nav1.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:20px;
	height:33px;
}
#na_ul .na_ch_content {
	position:relative;
	top:-11px;
}
html {
	border-top:4px solid #ed5466;
}
#navigation
/*导航div演示*/
	 {
	width:480px;
	height:50px;
	display:block;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	display:block;
	position:relative;
}
li {
	list-style:none;
}
#na_ul {
	height:50px;
}
#na_ul .na_ch_li_click span 
/*当前导航按钮文本*/
	 {
	color:#267AD0;
}
.na_ch_li #index_ico {
	background-position:0 -264px;
}
.na_ch_li #article_ico {
	background-position:0 -330px;
}
.na_ch_li #photo_ico {
	background-position:0 -567px;
}
.na_ch_li #friend_ico {
	background-position:0 -399px;
}
.na_ch_li #honor_ico {
	background-position:0 -66px;
}
.na_ch_li #about_ico {
	background-position:0 -198px;
}
.na_ch_li_click #index_ico {
	background-position:0 -297px;
}
.na_ch_li_click #article_ico {
	background-position:0 -363px;
}
.na_ch_li_click #photo_ico {
	background-position:0 -600px;
}
.na_ch_li_click #friend_ico {
	background-position:0 -432px;
}
.na_ch_li_click #honor_ico {
	background-position:0 -99px;
}
.na_ch_li_click #about_ico {
	background-position:0 -231px;
}
#main_photos .ph_img_right {
	cursor:url(./photo/next.cur),auto;
}
#main_photos .ph_img_left {
	cursor:url(./photo/pre.cur),auto;
}
#main_photos {
	float:left;
	width:800px;
	text-align:center;
}
#photo_detail {
	width:180px;
	float:right;
	min-height: 100px;
	padding-bottom: 30px;
}
.comment_div {
	width:1000px;
	/*height:20px;*/
	float:right;
	padding-top:20px;
	background: #F5F5F5;
	border-top: 4px solid #FF7227;
	margin-bottom: 40px;
}
#show_area {
	padding-top:20px;
}
#photo_image {
	max-width:760px;
	-webkit-box-shadow:5px 5px 5px #999;
	-moz-box-shadow:5px 5px 5px #999;
	box-shadow:5px 5px 5px #999;
}
#open_in_new_windows {
    color: #e63c3c;
}
#open_in_new_windows:hover {
    color: #f84858 !important;
}
.album_cover {
	/*max-width:200px;*/
	max-height:200px;
	display:block;
}
.album a {
	float:left;
	height:200px;
}
#albums_list {
	padding-bottom:20px;
}
.albums {
	opacity:0.8;
	filter: alpha(opacity=80);
	float:left;
	margin:25px 40px 25px 0;
	text-align:center;
}
.albums:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
#album_name {
	display:inline-block;
	height:30px;
	position:relative;
	bottom:30px;
	line-height:30px;
	width:100%;
	opacity:0.5;
	filter: alpha(opacity=50);
	color:#FFF;
	background:#000;
	font-size:14px;
}
#album_name:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	color:#FFA500;
}
.thumb_list img {
	width:120px;
}
.thumb_list span {
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
	border:0px #15A4E0 solid;
	opacity:0.5;
	filter: alpha(opacity=50);
	display:inline-block;
	text-align:center;
	width:96px;
	height:96px;
	overflow:hidden;
}

.thumb_list span:hover {
    opacity: 0.6;
	filter: alpha(opacity=60);
    cursor: pointer;
}

.thumb_con {
	width:20px;
	display:none;
}
.thumb_list {
	float:left;
	overflow:hidden;
	vertical-align:top;
	margin:0 20px 20px 0;
}
.thumbnailist {
	height:100px;
	overflow:hidden;
}
#main_list {
	padding-left:15px;
	margin-top:0;
	position:absolute;
	top:0px;
	left:-195px;
	overflow:hidden;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
#main_list_div {
	overflow:hidden;
	position:relative;
	height:100px;
}
#main_image {
	padding:20px 20px 20px 20px;
}
.thumb_con{
	color: #FFF;
	text-align: center;
	line-height: 100px;
	float: right;
	background: #ed5466;
	height: 100px;
	cursor:default;
	-moz-user-select: none;  
	-webkit-user-select: none;  
	-ms-user-select: none;  
}
.thumb_con:hover{
	background-color:rgba(237, 84, 102, 0.8);
	filter: alpha(opacity=80);
}
.thumb_con:active{
	background-color: #ed5466;
}
#pre_page,#fist_page {
	float:left;
}
#next_page,#last_page {
	float:right;
}
#last_page,#fist_page,#last_page:hover,#fist_page:hover,#last_page:active,#fist_page:active{
	background-color: #CDCDCD!important;
}
.photo_detail_a,#image_name{
	position: relative;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.photo_detail_span{
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.board,.article_li {
margin-bottom: 20px;
	overflow:hidden;
	border-top:4px solid #ed5466;
	border-bottom:none;
	border-left:none;
	border-right:none;
	background:#FFF;
	max-width:1000px;
}
#all_article {
	border:none;
	background:none;
}
#pagelistbox .chose {
	float:left;
	display:inline;
	margin-left:4px;
	padding:0 8px;
	height:26px;
	background-repeat:no-repeat;
	font-weight:700;
	color:#266CB5;
	overflow:hidden;
	text-decoration:none;
	line-height:26px;
	text-align:center;
}
#pagelistbox {
	float:right;
}
#article_article_ul {
	margin-top:0;
}
#article_sort {
	text-align:center;
	width:200px;
	float:left;
}
#article_sort_ul {
	padding-left:0;
	font-size:14px;
}
#all_article {
	width:800px;
	float:right;
}
#pagelistbox .now_chose {
	background-color:#4B98E7;
	color:#FFF;
}
#pagelistbox .chose:hover {
	color:#f84858 !important;
}
#pagelistbox .now_chose:hover {
	color:#FFF !important;
}
.sort_name a {
	display:inline-block;
	width:100%;
	color:#000;
}
.now_sort a {
	background-color:#e63c3c;
	color:#FFF!important;
}
.now_sort a:hover {
	background-color:#e63c3c!important;
}
.sort_li a:hover {
	background-color:#ed5466;
	color:#FFF!important;
}
.detail {
	background:#EBEAEA;
	color:#666;
	position:relative;
	height:25px;
	width: 748px;
	left:1px;
	bottom:1px;
	line-height:25px;
	margin-bottom:0;
	padding-left:10px;
}
.article_name_p {
	text-align:center;
}
.article_name_p a {
	color:#e63c3c;
}
.summary_p {
	padding:0 20px 20px 20px;
	text-indent:2em;
}
#article_text {
padding-bottom: 20px;
padding-top: 20px;
	margin:0 auto;
	width:85%;
}
#detail {
	margin:0 auto;
	width:90%;
	height:40px;
	padding-left:20px;
	line-height:40px;
	color:#999!important;
	border-bottom:1px solid #CDCDCD;
}
#article_title {
	padding-left:5%;
	color:#e63c3c;
	text-align:center;
}

.curr
{
	background: #ed5466!important;
}
.curr a{
	color: #FFF!important;
}
.crowd a{
	color: #636D77;
}
.crowd a:hover{
	color: #f84858!important;
}
#fr_list_sub li
{
	float: right;
	width: 68px;
	height: 24px;
	text-align: center;
}
#fr_list_sub
{
	clear: both;
	padding: 0 10px;
	margin: 0 auto 10px;
	width: 960px;
	height: 24px;
	line-height: 24px;
	border-bottom: 3px solid #ed5466;
}
#friend
{
margin-bottom: 20px;
padding: 9px;
overflow: hidden;
border: 1px solid #CDCDCD;
background: #FFF;
}
.tfriend_name
{
	margin-left: 10px;
	font-weight: 900;
font-size: 20px;
}

.subject
{
	color: #666;
font-weight: 500;
font-size: 10px;
}
#fr_list_main li
{
	overflow:hidden;
	padding:20px 20px 20px 0px;
	border-bottom: 1px solid #DDD;
}
#fr_list_main{
padding:0px 20px 0px 20px;
}
.list_last{
	border-bottom: 0px!important;
}
.tfriend_info_p img{
	float:left;
	width:100px;
	margin-right: 20px;
	-webkit-box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
box-shadow:2px 2px 5px #999;
}
.tfriend_info_p {
margin: 20px 20px 20px 30px;
}
.tfriend_info_p span{
margin-left: 2em;
position: relative;
top: 10px;
}
.honor_name {
text-decoration: none;
font-weight: 400;
color: #C02222;
text-shadow: #FFFEFF 0 1px 0;
font-size: 25px;
}
.honor_n_d{
border-bottom: 1px solid #CDCDCD;
padding: 20px 20px 5px 20px;
}
.honor_deatil{
padding: 40px 20px 20px 20px;
border: 1px solid #CDCDCD;
border-top: none;
background: #FFF;
text-align: center;
}
.honor_img{
margin: 0 atuo;
max-width:800px;
}
.honor_deatil p{
text-align: left;
padding: 10px 20px 0px 20px;
text-indent: 2em;
font-size: 15px;
}
.honor_sort{
margin-bottom: 20px;
}
#toptb {
z-index: 199;
position: relative;
}
.wp {
margin: 0 auto;
width: 1000px;
}
.pb_login {
float: right;
width: 114px;
height: 24px;
background: #ed5466;
border-bottom: 2px solid #D8D8D8;
margin: 0;
margin-top: -13px;
padding: 0;
}
.pb_login li {
float: left;
width: 57px;
height: 24px;
line-height: 20px;
}
.pb_login li a {
width: 57px;
height: 24px;
display: block;
float: none;
text-align: center;
color: #FFF;
}
.pb_login li a:hover {
color: #D5FD8D!important;
}
#article_fram {
	opacity: 0;
	filter: alpha(opacity=0);
    width: 100%;
    border: none;
}
#loading_ico {
background: url('./style/ajax-loader-sm.gif') no-repeat scroll 0% 50% rgba(0, 0, 0, 0);
height: 20px;
width: 1000px;
margin: 0 auto;
}
#honor_div {
    padding-left: 0px;
}
.hp_img_span {
z-index: 500;
position: relative;
float: left;
display: block;
left: 0;
top: 210px;
top:220px\9;
padding-right: 80px;
width: 300px;
height: 24px;
line-height: 24px;
background: #000;
color: #FFF;
text-indent: 6px;
overflow: hidden;
opacity: 0.5;
filter: alpha(opacity=50);
}
.hp_img_span:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #FFA500;
}
.hp_img {
position: relative;
width: 400px;
top: -40px;
}
#hp_img_selector {z-index: 999;
position: relative;
float: right;
right: -6px;
top: 228px;
height: 12px;
overflow: hidden;}
#hp_img_selector a {
display: block;
float: left;
margin-right: 12px;
width: 12px;
height: 12px;
background: #CCC;
cursor:pointer;
}
#hp_img_selector a.current {
background: #ed5466;}
#hp_pho {
   /* width: 320px;
	height: 243px;
	overflow: hidden;*/
	width: 380px;
height: 243px;
overflow: hidden;
border: 4px solid #CDCDCD;
}
.hp_img_div
{
	display:none;
}
.hp_img_display
{
	display:block;
}
.hp_img_div 
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.hp_img_div:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}
#hp_art
{
/*margin-top: 10px;
width: 250px;
background: #ed5466;
padding: 0 25px;
overflow: hidden;*/
height: 600px;
width: 250px;
background: #f84858;
padding: 0 25px;
overflow: hidden;
}
#hp_art a
{
	color: #FFF;
	font-size: 15px;
}
#hp_art li {
margin-top: 10px;
}
#hp_art ul
{
	padding-left: 12px;
}
{
	color: #FFF;
}
#art_title {
line-height: 60px;
color: #FFF;
text-align: center;
font-size: 28px;
font-weight: 700;
cursor:pointer;
}
#art_title:hover,#hp_art a:hover{
    color:#D5FD8D;
}
.hp_hon_name {
    float: left;
}
.hp_hon_n_d {
    overflow: hidden;
}
#hp_hon {
    /*background: url(./style/video_bg2.png) 100% 0 no-repeat;
	width: 320px;
	margin-top: 20px;*/
	background: #FFF url(./style/video_bg2.png) 100% 0 no-repeat;
width: 380px;
height: 320px;
overflow: hidden;
margin-top: 20px;
border: 1px solid #CDCDCD;
padding: 5px;
}
.hp_honor_deatil img{
	width: 300px;
}
.hp_hon_name {
    font-size: 20px;
    font-weight: 500;
	text-shadow: #FFFEFF 0 1px 0;
	color: #636E7A;
}
.hp_honor_deatil {
display: inline-block;
height: 280px;
width:360px;
overflow: hidden;
    text-align: center;
	margin: 10px;
margin-top: 5px;
}
.hp_honor_deatil p {
    text-align: left;
}
.homepage{
padding-top: 15px;
border-top: 1px solid #CDCDCD;
}
#hp_fri {
    /*width: 320px;
	margin-right: 20px;*/
	width: 250px;
margin-left: 20px;
}
.a_current_p a {
    background: #8cc84d!important;
}
#about_div a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    width: 100%;
    opacity: 0.7;
	filter: alpha(opacity=70);
}
#about_div a {
    background: #ed5466;
}
#about_div a:hover {
    color: #D5FD8D !important;
    opacity: 0.8;
	filter: alpha(opacity=80);
}
.toggle_div {
    background: #FFFFFF;
}
.about_div{
    display: inline-block;
    padding: 20px;
}
.about *{
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
#about_div
{
	display: inline-block;
width: 1000px;
}
#hp_l_up {
overflow: hidden;
}
#hp_fri ul {
    padding-left: 5px;
}
#hp_fri li {
    overflow: hidden;
    margin-bottom: 20px;
}
#hp_link a {
    display: inline-block;
    /*background-color: red;*/
    border: 2px solid #CDCDCD;
    height: 62px;
    width: 200px;
}
#hp_link img {
    float: left;
    height: 50px;
    margin-left: 5px;
    margin-top: 5px;
}
#hp_link span {  
    display: inline-block;
    float: left;
    margin-left: 10px;
    color: white;
    font-size: 30px;
    height: 62px;
    line-height: 62px;
}
#homepage_comment{
margin-top: 20px;
width: 730px;
}
#hp_right {
    float: right;
}
#hp_left {
    float: left;
	width: 730px;
}
#hp_l_left {
    float: left;
}
#hp_l_right {
    float: right;
}

.curr a:hover
{
	color:#D5FD8D!important;
}
.classlogo
{
	width:380px!important;
	margin-right:50px!important;
}

#hp_fri .classlogo
{
	width:180px!important;
	margin-bottom: 20px;
}

#slogan_div
{
	float:left;
}

#slogan {
position: absolute;
font-size: 20px;
font-weight: bold;
width: 100%;
text-align: center;
text-align: -webkit-center;
left: -400px;
color: #e63c3c;
}

#slogan:hover{
color: #74A222 !important;
cursor:default;
}
/*element.style {
position: relative;
overflow: hidden;
left: 0;
bottom: 0;
width: 100%;
height: 150px;
background: #ed5466 url(http://static.pb.pbcdn.com/static/image/pcbeta/ft_bg.png) 40px 15px no-repeat;
}*/