@charset "UTF-8";
html{
	background-image:url(../images/bg.jpg);
}
*{margin:0;padding:0;list-style-type:none;}
body{
	margin:0px;
	font-family: 'Microsoft Yahei','微软雅黑',Tahoma,'Times New Roman',Arial,Helvetica,STHeiti;
	color:#333;
	font-size:10pt;
}

a {
	text-decoration: none;
}
a img {border:0;vertical-align:middle;}
a:link, a:visited {color: #333;padding: 1px 2px 1px;}
a:hover,a:active{background-color:red;color:#fff;padding: 1px 2px 1px;}

.tag {
    width: auto;
    word-break: keep-all;
    white-space: nowrap;
    display: inline-block;
    margin: 0 0 5px 0px;
    line-height: 24px;
}
.tag:link, .tag:visited {background-color: white;color: #333;padding: 1px 8px 1px;}
.tag:hover,.tag:active{background-color:red;color:#fff;padding: 1px 8px 1px;}
.tag_active {background-color:red;color:#fff;padding: 1px 8px 1px;}

.comment-input-lable a:hover{background-color:white;}

.logo_link {
	float:left;
	margin:0 35px 15px 0px;
	width:88px;
	height:31px;
	font-size:10pt;
}
.logo_link a:link, .logo_link a:visited {background-color:unset;color: #333;padding: 0;}
.logo_link a:hover, .logo_link a:active {background-color:unset;color:#fff;padding: 0;color:white;}
.logo_link_img:hover  {
border:3px solid red;
background: red;
width:88px;
height:31px;
}

.photo_link a img {border:0;}
.photo_link a:link, .photo_link a:visited {background-color:unset;color: #333;padding: 0;}
.photo_link a:hover, .photo_link a:active {background-color:unset;color:#fff;padding: 0;color:white;}
/*************************************************************************************************************/
#index_left {
	width:269px;
	position:fixed;
	height:100%;
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	background-color:#000;
}
#index_nav {
	position:absolute;
	top:90px;
	width:60%;
	right:0px;
}
#index_nav ul li{
	margin-top: 15px;
	float:right;
	font-size:11pt;
}
#index_nav a:link, #index_nav a:visited{
	color:#222;
	background-color:white;
	background-color:rgba(255,255,255,0.8);
	*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
	padding: 5px 15px;
}
#index_nav a:hover span, #index_nav a:active span, #index_nav ul li .active .text_red{
	color:#fff;
}
#index_nav a:hover, #index_nav a:active, #index_nav ul li .active {
	color:#fff;
	background-color:red;
	padding: 5px 15px;
}
#index_nav ul li i{
	display:none;
}
#index_nav ul li .active i{
	display:inline;font-style: normal;
}

#index_left_copyright {
	width:255px;position:fixed;bottom:5px;left:10px;
}
#index_middle {
	position:absolute;left:269px;right:0;min-height:100%;
}
#index_middle_main {
	position:absolute;left:54px;margin-left:-54px;padding-left:54px;min-height:100%;
	right: 0;
	min-width:656px;
}
#index_middle_left {
	position:absolute;left:0;width:54px;background:#000;height:100%;
	background-image:url(../images/label_bg.jpg);
	background-repeat:repeat-y;
}
.label_top_img_div {
	height:117px;
	width:54px;
}
#label_img_div {
	width:54px;
	height:228px;
	background-image:url(../images/label.jpg);
}
#main {
	float:left;width:95%;margin-left:-5%;padding-left:5%;min-height:100%;
}
#main_inner {
	background-image:url(../images/bg.jpg);
}
#main_top_left {
	width:127px;
	height:111px;
	background-image:url(../images/main_top_left.jpg);
}
#main_top {
	height:170px;
	position:relative;
	background-image:url(../images/main_top_right.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.main_top_huixingzhen {
	position:absolute;
	right:0;
	top:0;
	width:83px;
	height:87px;
	margin-right:-30px;
	z-index:9999;
}
#main_top_text {
	height:25px;position:absolute;top:80px;left:0;right:70px;text-align:right;color: #aaa;
}
/*#main_top_search {
	height:40px;position:absolute;top:110px;right:80px;
}*/
#main_top_search {
	height:40px;position:absolute;bottom:48px;left:10px;
}
#main_content {
	padding-left:3%;
}
#main_hidden_blank {height:180px;clear:both;
}
#main_bottom {height:80px;position:absolute;bottom:0;left:54px;right:5%;
	background-image:url(../images/main_bottom_corner1.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.main_bottom_left {
	width:54px;
	height:80px;
	background-repeat:no-repeat;
	background-position:bottom;
}

#main_bottom_left_text {
	position:absolute;bottom:9px;left:58px;
}

#index_right {position:absolute;right:0;width:5%;background:lightyellow;height:100%;background-color:#000;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#index_right_top {
	width:34px;
	height:51px;
	background-image:url(../images/main_top_corner.jpg);
	background-repeat:no-repeat;
}
#index_right_bottom {height:80px;position:absolute;bottom:0;left:0px;right:0;
	background-image:url(../images/main_bottom_corner2.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.comment_tips {
background: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding:5px;
border:1px solid #99CC66;
color:#ff8000;
font-weight:bold;

margin-bottom:5px;
}

.box {
box-shadow: 1px 3px 6px -2px rgba(0, 0, 0, 0.4);
position: relative;
background: white;

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;

word-break: break-all;
}
.box:hover {
box-shadow: 1px 3px 9px 1px rgba(0, 0, 0, 0.6);
}
.box_corner_orange {
	background-image:url(../images/box_corner_orange.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.box_corner_blue {
	background-image:url(../images/box_corner_blue.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.box_corner_yellow {
	background-image:url(../images/box_corner_yellow.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.box_corner_green {
	background-image:url(../images/box_corner_green.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.box_corner_red {
	background-image:url(../images/box_corner_red.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.box_home {
float: left;
margin: 8px;
}

.box_guestbook {
float: left;
margin: 8px;
}
.box_1x1 {
width: 185px;
height: 185px;
}
.box_2x1 {
width: 386px;
height: 185px;
}
.box_1x2 {
width: 185px;
height: 386px;
}
.box_submit_comment {
width: 386px;
height: 365px;
font-size:10pt;
}
.box_article_bottom_icon_left {
	position:absolute;bottom:8px;left:5px;font-size:10pt;
}
.box_article_bottom_icon_left_review {
	position:absolute;bottom:8px;left:5px;font-size:10pt;
	margin-left:150px;
}
.box_article_bottom_icon_right {
	vertical-align:middle;position:absolute;bottom:8px;right:5px;font-size:10pt;
}

#icp_text{
	color:#FFF;font-size:9pt;text-shadow:0px 0px 2px #000;
}
.text_title{
	margin-bottom:10px;
	font-size:10pt;
	font-weight:bold;
}
.text_big_title{
	margin-bottom:10px;
	font-size:12pt;
	font-weight:bold;
	color: #666;
}
.text_photo_title{
	margin-bottom:1px;
	font-size:10pt;
	*font-weight:bold;
}

.text_right_lightgray {
	float:right;color:#aaa;
}
.text_white {
	color:white;
}
.text_red {
	color:red;
}
.text_lightgray2 {
	color:#DDD;
}

.text_padding_top {
	padding-top:5px;
}
.text_lightgray{
	color:#aaa;
}
.text_b_red {
	font-weight:bold;
	color:#cc5555;
}
.text_middle{
	font-size:11pt;
}
#wenzhai_text {
	vertical-align:middle;
}

.box-wrap {
	padding:15px;
}
.v-middle {vertical-align:middle;}
.more {vertical-align:middle;position:absolute;bottom:15px;right:15px;}

.text_middle_title {
	font-size:12pt;
	font-weight:bold;
}

.box-wrap-photo {
	padding: 5px 15px 5px 15px;
}



input,input:focus {
	text-decoration: none;
	vertical-align: middle
}
input:hover {
	border: 0 none;
	outline: 0
}
input {
	border: 0 none;
	outline: 0
}

input {text-align:center;}

button {
	cursor: pointer;
	padding: 0;
	background: white;
	border: 0 none;
	font-size: 13px;
}

:focus {
	outline: 0
}

::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #A9A9A9;  
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #A9A9A9;  
   opacity:  1;  
}  
::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #A9A9A9;  
   opacity:  1;  
}  
:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #A9A9A9;  
}  




button {
	cursor: pointer;
	padding: 0;
	background: white;
	border: 0 none;
	font-size: 13px;
}

.search-input {
position: relative;
width: 140px;
height: 24px;
border: 1px solid #ccc;
margin-top: 5px;
background-color:#fff;
}

.search-input input {
position: absolute;
top: 2px;
left: 0;
border: 0;
width: 112px;
height: 20px;
line-height: 20px
}

.search-input button {
position: absolute;
right: 0;
top: 0;
height: 24px;
width: 24px;
background: transparent
}

.icon {
display: inline-block;
font-size: 0;
line-height: 0;
width: 16px;
height: 16px;
vertical-align: top;
}
.icon-search {
background: url('../images/icon/icon-search-gray.png') no-repeat
}

button:hover .icon-search {
background: url('../images/icon/icon-search-red.png') no-repeat
}

.page_img {
margin:0;
width: 15%;
vertical-align: middle;
opacity:0.2;
border:3px solid #ddd;
}
.page_img_active {
margin:0;
width: 15%;
vertical-align: middle;
opacity:1;
border:3px solid #888;
}
.page_img_blank {
margin:0;
width: 15%;
vertical-align: middle;
opacity:0.2;
}
.page_img:hover {
opacity:1;
border:3px solid #333;
}
.album_btn_enabled {
	vertical-align: middle;
}
.album_btn_enabled:hover  {
	background: #bbb;
}

.img-icon {
vertical-align: middle;
width: 16px;
height: 16px;
margin-bottom:2px;
}

.comment-input {
position: relative;
float:left;
height: 24px;
width: 100px;
border: 1px solid #888;
margin-top: 5px;
background-color:#fff;
clear:both;
}

.comment-input input {
position: absolute;
width: 98px;
top: 2px;
left: 0;
border: 0;
height: 20px;
line-height: 20px;
}

.comment-input-long {
position: relative;
float:left;
height: 24px;
width: 170px;
border: 1px solid #888;
margin-top: 5px;
background-color:#fff;
clear:both;
}

.comment-input-long input {
position: absolute;
width: 168px;
top: 2px;
left: 0;
border: 0;
height: 20px;
line-height: 20px;
}

.comment-input-lable {
float:left;
height: 24px;
margin-top: 8px;
margin-left: 7px;
color:    #555;
vertical-align:middle;
}
.img_validateCode {
	vertical-align:middle;
	margin-top: -4px;
    margin-left: -3px;
    width:85px;
    height:25px;
}

.text_keyword {
	color:#2965f1;
	font-weight:bold;
}
.text_error {
	color:red;
	font-weight:bold;
}
.text_ok {
	color:darkgreen;
	font-weight:bold;
}
.text_blue {
	color:#2965f1;
}
.comment-input-lable-right {
float:right;
height: 24px;
margin-top: 8px;
margin-left: 7px;
color:    #555;
vertical-align:middle;
}

.comment-textarea {
position: relative;
float:left;
height: 58px;
width: 350px;
border: 1px solid #888;
margin-top: 5px;
background-color:#fff;
}

.comment-textarea textarea {
position: absolute;
width: 341px;
height: 55px;
top: 2px;
left: 7px;
border: 0;
line-height: 20px;
resize: none;
}

.comment-clear-both {
clear:both;
}

.comment-submit-img {
position: absolute;
bottom: 15px;
right: 15px;
}




/*************************************************************************************************************/
.pager {
	clear:both;padding-top:20px;float:right;
}
.pager span a {
    width: auto;
    word-break: keep-all;
    white-space: nowrap;
    display: inline-block;
    margin: 0 0 7px 0px;
    line-height: 24px;
}
.pager span a:link, .pager span a:visited  {background-color: white;color: #333;padding: 1px 8px 1px;border:1px solid #ccc;}
.pager span a:hover, .pager span a:active  {background-color:red;color:#fff;padding: 1px 8px 1px;}
.pager .active {
    display: inline-block;
    margin: 0 0 7px 0px;
    line-height: 24px;
    background-color: red;color: white;padding: 1px 8px 1px;border:1px solid #ccc;
}





.box_article {
*height: 185px;
*float: left;
*margin: 8px;
font-size: 11pt;

*background:unset;
*background-image:url(../images/comment_bg.jpg);

height: 200px;
margin: 12px;
float: right;
min-width:400px;
}
.article_review {
	height: 200px;
	width: 150px;
	position: absolute;

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}
.box_wrap_review {
	padding:15px;
	margin-left:150px;
}
@media screen and (min-width: 1200px)  {
	.box_article {
		width: 80%;
	}
}
@media screen and (min-width: 960px) and  (max-width: 1200px) {
	.box_article {
		width: 90%;
	}
}
@media screen and  (max-width: 960px) {
	.box_article {
		width: 100%;
	}
}




.box_photo {
*height: 185px;
*float: left;
*margin: 8px;
font-size: 10pt;

*background:unset;
*background-image:url(../images/comment_bg.jpg);

margin: 12px;
float: right;

width: 240px;
}
.photo_review {
	width: 100%;

*border-radius: 5px;
*-webkit-border-radius: 5px;
*-moz-border-radius: 5px;
*-o-border-radius: 5px;
}




.line_div {
	clear:both;
	background-image:url(../images/line.gif);height:1px;margin:3px 0 7px;
}
.box_comment_lastpost {
float: left;
margin: 8px;
background: white;
font-size:10pt;
background-color:#CCFF80;
width: 260px;
}
.box_comment {
float: left;
margin: 8px;
background: white;
font-size:10pt;
background-image:url(../images/comment_bg.jpg);
width: 260px;
}
/*@media screen and (min-width: 1320px)  {
	.box_comment {
		width: 260px;
	}
}
@media screen and (min-width: 960px) and  (max-width: 1320px) {
	.box_comment {
		width: 260px;
	}
}
@media screen and  (max-width: 960px) {
	.box_comment {
		width: 260px;
	}
}*/

.box_comment_guestbook_lastpost {
float: left;
margin: 8px;
background: white;
font-size:10pt;
width: 260px;
background-color:#CCFF80;
}
.box_comment_guestbook {
float: left;
margin: 8px;
background: white;
font-size:10pt;
background-image:url(../images/comment_bg.jpg);
width: 260px;
}
/*@media screen and (min-width: 1320px)  {
	.box_comment_guestbook {
		width: 260px;
	}
}
@media screen and (min-width: 960px) and  (max-width: 1320px) {
	.box_comment_guestbook {
		width: 260px;
	}
}
@media screen and  (max-width: 960px) {
	.box_comment_guestbook {
		width: 260px;
	}
}*/

/**************************************************************************/
.slider, .slider .slider-img {
    overflow: hidden;
    height: 185px;
}
.slider {
    width: 185px;
    position: relative;
}
.slider:hover .slider-btn {
    color: #fff;
    text-shadow: 0 0 5px #666;
}
.slider .slider-img {
    width: 1200px;
    position: relative;
}
.slider .slider-img .slider-img-ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.slider .slider-img .slider-img-ul li {
    float: left;
}
.slider .slider-img .slider-img-ul li img {
    width: 185px;
    height: 185px;
    
}
.slider .slider-dot ul {
    position: absolute;
    right: 36px;
    bottom: 6px;
}
.slider .slider-dot ul li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: 2px solid #fff;
    float: left;
    margin-left: 10px;
}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {
    background: red;
}
.slider .slider-btn {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 50%;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0);
}
.slider .slider-btn:hover {
    background: rgba(125, 125, 125, .3);
}
.slider .slider-btn.slider-btn-left {
    left: 0;
    margin-top: -50px;
}
.slider .slider-btn.slider-btn-right {
    right: 0;
    margin-top: -50px;
}




/****************************************/
.main_bottom_left1 {
	background-image:url(../images/main_bottom_left1.jpg);
}
.main_bottom_left2 {
	background-image:url(../images/main_bottom_left2.jpg);
}
.main_bottom_left3 {
	background-image:url(../images/main_bottom_left3.jpg);
}
.main_bottom_left4 {
	background-image:url(../images/main_bottom_left4.jpg);
}
.main_bottom_left5 {
	background-image:url(../images/main_bottom_left5.jpg);
}
.main_bottom_left6 {
	background-image:url(../images/main_bottom_left6.jpg);
}
.main_bottom_left7 {
	background-image:url(../images/main_bottom_left7.jpg);
}
.main_bottom_left8 {
	background-image:url(../images/main_bottom_left8.jpg);
}
.main_bottom_left9 {
	background-image:url(../images/main_bottom_left9.jpg);
}
.main_bottom_left10 {
	background-image:url(../images/main_bottom_left10.jpg);
}
.main_bottom_left11 {
	background-image:url(../images/main_bottom_left11.jpg);
}
.main_bottom_left12 {
	background-image:url(../images/main_bottom_left12.jpg);
}
.main_bottom_left13 {
	background-image:url(../images/main_bottom_left13.jpg);
}
.main_bottom_left14 {
	background-image:url(../images/main_bottom_left14.jpg);
}
.main_bottom_left15 {
	background-image:url(../images/main_bottom_left15.jpg);
}
.main_bottom_left16 {
	background-image:url(../images/main_bottom_left16.jpg);
}
.main_bottom_left17 {
	background-image:url(../images/main_bottom_left17.jpg);
}
.main_bottom_left18 {
	background-image:url(../images/main_bottom_left18.jpg);
}
.main_bottom_left19 {
	background-image:url(../images/main_bottom_left19.jpg);
}
.main_bottom_left20 {
	background-image:url(../images/main_bottom_left20.jpg);
}
.main_bottom_left21 {
	background-image:url(../images/main_bottom_left21.jpg);
}
.main_bottom_left22 {
	background-image:url(../images/main_bottom_left22.jpg);
}
.main_bottom_left23 {
	background-image:url(../images/main_bottom_left23.jpg);
}
.main_bottom_left24 {
	background-image:url(../images/main_bottom_left24.jpg);
}
.main_bottom_left25 {
	background-image:url(../images/main_bottom_left25.jpg);
}
.main_bottom_left26 {
	background-image:url(../images/main_bottom_left26.jpg);
}



.main_top_huixingzhen0{
	background-image:url(../images/huixingzhen0.png);
}
.main_top_huixingzhen1{
	background-image:url(../images/huixingzhen1.png);
}
.main_top_huixingzhen2{
	background-image:url(../images/huixingzhen2.png);
}
.main_top_huixingzhen3{
	background-image:url(../images/huixingzhen3.png);
}
.main_top_huixingzhen4{
	background-image:url(../images/huixingzhen4.png);
}
.main_top_huixingzhen5{
	background-image:url(../images/huixingzhen5.png);
}
.main_top_huixingzhen6{
	background-image:url(../images/huixingzhen6.png);
}
.main_top_huixingzhen7{
	background-image:url(../images/huixingzhen7.png);
}
.main_top_huixingzhen8{
	background-image:url(../images/huixingzhen8.png);
}
.main_top_huixingzhen9{
	background-image:url(../images/huixingzhen9.png);
}
.label_top_img_div_home {
	background-image:url(../images/cate_label_home.jpg);
}
.label_top_img_div_life {
	background-image:url(../images/cate_label_life.jpg);
}
.label_top_img_div_story {
	background-image:url(../images/cate_label_story.jpg);
}
.label_top_img_div_tech {
	background-image:url(../images/cate_label_tech.jpg);
}
.label_top_img_div_photograph {
	background-image:url(../images/cate_label_photograph.jpg);
}
.label_top_img_div_about {
	background-image:url(../images/cate_label_about.jpg);
}
.label_top_img_div_guestbook {
	background-image:url(../images/cate_label_guestbook.jpg);
}
.label_top_img_div_link {
	background-image:url(../images/cate_label_link.jpg);
}
.label_top_img_div_article {
	background-image:url(../images/cate_label_article.jpg);
}
.label_top_img_div_tags {
	background-image:url(../images/cate_label_tags.jpg);
}
.label_top_img_div_search {
	background-image:url(../images/cate_label_search.jpg);
}
.label_top_img_div_x {
	background-image:url(../images/cate_label_x.jpg);
}