a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: 0 0

}

ol, ul {

	list-style: none

}

blockquote, q {

	quotes: none

}

blockquote:after, blockquote:before, q:after, q:before {

	content: '';

	content: none

}

:focus {

	outline: 0

}

ins {

	text-decoration: none

}

del {

	text-decoration: line-through

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

.clear {

	clear: both;

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	width: 100%

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden

}

.clearfix {

	display: inline-block

}

.clearfix {

	display: block

}

.none {

	display: none

}

html {

	overflow-y: scroll

}

body, input, select, textarea {

	font-size: 12px;

	font-family: "Microsoft YaHei", tahoma, arial, simsun

}

body {

	word-wrap: break-word

}

img {

	vertical-align: top

}

a img {

	border: none

}

.enpty-home .item .pic .icon, .widge_pic ul li a img, a {

	outline: 0;

	text-decoration: none;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s

}

.enpty-home {

	-webkit-transition: all .7s ease-out .1s;

	-moz-transition: all .7s ease-out;

	-o-transition: all .7s ease-out .1s;

	transition: all .7s ease-out .1s

}

a, body {

	color: #5B5B5B

}

.comment-author a:hover, .commentlist .comment-body .comment-wrap a.comment-reply-link:hover, .enpty-home .info .itm a:hover, .navigation a:hover, .text a:hover, .widget .tagcloud a:hover, .widget ul li a:hover {

	color: #f39

}

.enpty-home .info .icon, .header h1, .sch input, .single-navigation a {

	background: url(../images/icon.png) -999px -999px no-repeat

}

.enpty-home .pic span {

	background: url(../images/icon.png) -999px -999px no-repeat #C33

}

.enpty-home .info .itm {

	background: url(../images/icon.png) -999px -999px no-repeat #FFF

}

.post-meta .meta {

	background: url(../images/icon.png) -999px -999px no-repeat

}

.comments, .index, .primary, .widget {

	background: #fff;

	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #f7f9fa), color-stop(100%, #fff));

	background: -webkit-linear-gradient(#f7f9fa, #fff);

	background: -moz-linear-gradient(#f7f9fa, #fff);

	background: -ms-linear-gradient(#f7f9fa, #fff);

	background: -o-linear-gradient(#f7f9fa, #fff);

	background: linear-gradient(#f7f9fa, #fff)

}

.body-bg {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: -2;

	background: url(../images/body-bg-x.png) repeat

}

.no-result h1, .no-result p {

	text-align: center;

	font-weight: 700;

	padding: 20px 0 0

}

.no-result h1 {

	font-size: 16px

}

.page-title {

	text-align: center;

	color: #333;

	padding: 15px 0 0;

	font-size: 360%;

	text-shadow: 1px 2px 0 rgba(255,255,255,.8);

	text-transform: capitalize;

	font-family: Radley, Georgia, "Times New Roman", Times, serif;

	font-weight: 400

}

#nextpage {

	margin: 10px auto;

	font-size: 14px;

	padding: 10px 0;

	text-align: center

}

#nextpage a {

	background: #4D90FE;

	border: 1px solid #4D90FE;

	padding: 5px 10px;

	display: inline-block;

	color: #FFF

}

#infscr-loading {

	text-align: center;

	z-index: 100;

	position: fixed;

	left: 45%;

	bottom: 40px;

	padding: 10px;

	background: #000;

	opacity: .8;

	filter: alpha(opacity=80);

	color: #FFF;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px

}

.top-bar {

	width: 100%;

	height: 12px;

	border-bottom: 1px solid #6a6a6a;

	background-color: #3b3b3b

}

.header {

	padding: 8px 0;

	width: 100%;

	background: url(../images/header.jpg) repeat;

	position: fixed;

	top: 0;

	z-index: 666;

	left: 0

}

.header h1 {

	font-weight: 400;

	float: left;

	margin: 0 25px 0 30px;

	padding: 0 0 5px;

	background-position: 0 -20px;

	background-repeat: repeat-x

}

.header h1 a {

	display: inline-block;

	font-size: 32px;

	color: #FFF;

	text-shadow: 1px 1px 1px #000

}

.menu {

	float: left;

	padding: 8px 0 5px;

	margin-left: 30px

}

.menu li {

	float: left;

	margin: 0 5px 0 0;

	position: relative

}

.menu a {

	float: left;

	display: block;

	height: 35px;

	padding: 0 20px;

	border-radius: 3px;

	line-height: 35px;

	color: #fff;

	font-size: 13px;

	text-shadow: 0 1px 1px rgba(0,0,0,.8);

	-webkit-transition: background-color .1s linear;

	-moz-transition: background-color .1s linear;

	-ms-transition: background-color .1s linear;

	-o-transition: background-color .1s linear;

	transition: background-color .1s linear

}

.menu a.current, .menu a:hover {

	background: #3b3b3b;

	box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 1px rgba(0,0,0,.3)

}

.menu .current-menu-item a, .menu .current_page_item a {

	background: #4b4b4b;

	box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 1px rgba(0,0,0,.3)

}

.menu .sub-menu {

	display: none;

	z-index: 999;

	padding: 10px 10px 0;

	position: absolute;

	top: 33px;

	left: 0;

	background: #3b3b3b;

	width: 100px;

	text-align: center;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;

	border-top-right-radius: 3px;

	overflow: hidden

}

.menu .sub-menu li {

	margin-right: 0;

	margin-bottom: 10px;

	float: none

}

.menu .sub-menu li a {

	float: none;

	margin: 0;

	padding: 0;

	background: #3b3b3b;

	box-shadow: none;

	border-radius: 0;

	height: 30px;

	line-height: 30px

}

.menu .sub-menu li a:hover {

	background: #4b4b4b

}

.menu .current_page_item a, .menu .sub-menu .current-menu-item a {

	background: #4b4b4b

}

.menu .current-menu-item .sub-menu, .menu .current_page_item .sub-menu {

	background: #4b4b4b

}

.menu .current-menu-item .sub-menu a, .menu .current_page_item .sub-menu a {

	background: #4b4b4b

}

.menu .current-menu-item .sub-menu a:hover, .menu .current_page_item .sub-menu a:hover {

	background: #3b3b3b

}

.header .sch {

	float: right;

	margin-right: 30px;

	position: relative

}

.header .sch input {

	width: 126px;

	height: 33px;

	margin: 8px 0 0;

	padding: 0 30px 0 8px;

	border-width: 1px;

	border-style: solid;

	border-color: #424242 #424242 #6a6a6a #424242;

	color: #999;

	font-size: 14px;

	line-height: 33px;

	-webkit-transition-timing-function: ease;

	-moz-transition-timing-function: ease;

	-o-transition-timing-function: ease;

	-webkit-transition-property: width, background;

	-moz-transition-property: width, background;

	-o-transition-property: width, background;

	-webkit-transition-duration: 400ms;

	-moz-transition-duration: 400ms;

	-o-transition-duration: 400ms

}

.header .sch input:focus {

	width: 200px

}

.header .sch button {

	position: absolute;

	height: 33px;

	right: 0;

	top: 0;

	background: url(../images/icon.png) no-repeat;

	width: 40px;

	background-position: 12px 8px;

	border: 0;

	margin-top: 8px;

	cursor: pointer

}

.main {

	position: relative;

	margin: 0 auto;

	padding: 0 10px 15px;

	width: 1260px;

	padding-top: 70px

}

.page .main, .single .main {

	width: 980px;

	padding: 20px 0

}

.primary {

	float: left;

	width: 1050px;

	border: 1px solid #B7BBC0;

	box-shadow: 1px 2px 10px rgba(0,0,0,.2)

}

.sidebar {

	float: right;

	width: 240px

}

.sidebar #sidebar-inner {

	width: 240px

}

.enpty-home .info, .enpty-home .pic {

	position: relative

}

.goTop {

	display: none;

	position: fixed;

	right: 5px;

	bottom: 5px;

	width: 40px;

	height: 40px;

	z-index: 2147483648

}

.goTop a {

	display: block;

	width: 40px;

	height: 40px;

	background: url(../images/top.png) no-repeat;

	opacity: .5;

	filter: alpha(opacity=50);

	background-size: 100%

}

.goTop a:hover {

	opacity: 1;

	filter: alpha(opacity=100)

}

.enpty-home {

	float: left;

	margin: 15px 10px 0;

	width: 210px;

	left: 0;

	top: 0;

	overflow: hidden;

	padding: 10px;

	border: 1px solid #D9D4D4;

	background: #FFF;

	box-shadow: rgba(34,25,25,.2) 0 1px 10px

}

.enpty-home .pic a {

	display: block;

	width: 100%;

	height: 100%

}

.enpty-home .pic img {

	display: block;

	width: 100%

}

.enpty-home .pic span {

	display: none;

	z-index: 10;

	border-radius: 3px;

	width: 26px;

	height: 26px;

	overflow: hidden;

	position: absolute;

	right: 10px;

	bottom: 10px

}

.enpty-home .pic .image, .enpty-home .pic .standard {

	background-position: 5px -86px

}

.enpty-home .pic .audio {

	background-position: 1px -411px

}

.enpty-home .pic .video {

	background-position: 0 -441px

}

.enpty-home .enpty-home-title {

	border-bottom: 1px solid #ccc;

	padding-bottom: 5px

}

.enpty-home .enpty-home-title a {

	color: #f39

}

.enpty-home .enpty-home-title a:hover {

	color: #5B5B5B

}

.enpty-home .text {

	padding: 5px 0;

	line-height: 1.8;overflow:hidden

}

.enpty-home .info .icon {

	position: absolute;

	text-indent: -999em;

	width: 25px;

	height: 25px;

	bottom: 0;

	right: 0

}

.enpty-home .info .itm, .post-meta .meta {

	line-height: 19px;

	padding: 0 0 0 20px

}

.enpty-home .info .hot, .post-meta .author {

	background-position: 2px -183px

}

.enpty-home .info .mess, .post-meta .mess {

	background-position: 2px -138px

}

.enpty-home .info .date, .post-meta .date {

	background-position: 2px -160px

}

.enpty-home .info .standard {

	background-position: 0 -209px

}

.enpty-home .info .image {

	background-position: 0 -241px

}

.enpty-home .info .audio {

	background-position: 0 -279px

}

.enpty-home .info .video {

	background-position: 0 -311px

}

.post .aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto

}

.post .post-content, .post .post-content p a, .post .post-header .post-meta, .post .post-header .post-meta a, .post .post-header .post-title h1 {

	color: #43474C

}

.post .post-content p a:hover, .post .post-header .post-meta a:hover {

	color: #f39

}

.post .post-header {

	padding: 15px 20px

}

.post .post-header .post-avatar {

	width: 48px;

	height: 48px;

	overflow: hidden;

	float: left;

	padding: 5px;

	border: 1px solid #CCC;

	border-radius: 3px;

	box-shadow: 0 2px 4px rgba(0,0,0,.1)

}

.post .post-header .post-title {

	margin: 5px 0 0 70px

}

.post .post-header .post-title h1 {

	font-size: 24px;

	font-weight: 400;

	margin-bottom: 5px;

	line-height: 1.1;

	padding-left: 7px

}

.post .post-header .post-meta {

	padding-top: 5px;

	color: #43474C

}

.post .post-header .post-meta .meta {

	margin: 0 6px;

	display: inline-block

}

.post .post-header .post-meta .cat {

	padding-left: 9px

}

.post .post-content {

	margin: 0 30px 10px;

	overflow: hidden;

	text-shadow: 0 1px 0 #FFF;

	font: 13px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;

	min-height: 150px

}

.post .post-content p {

	margin-bottom: 6px;text-align:center;

}

.post .post-content img {

	max-width: 660px;

	height: auto

}

.post .audio {

	width: 510px;

	height: 150px;

	overflow: hidden;

	margin: 20px auto;

	box-shadow: 0 0 20px rgba(0,0,0,.3);

	border: 1px solid #B7BBC0

}

.post .audio .audio-image {

	float: left;

	width: 150px;

	height: 150px;

	overflow: hidden

}

.post .audio .audio-content {

	float: right;

	width: 330px;

	height: 150px;

	overflow: hidden;

	padding-right: 10px

}

.post .audio .audio-content h3 {

	padding-top: 10px;

	font-size: 20px;

	margin-bottom: 10px;

	color: #333;

	font-family: "Microsoft YaHei"

}

.post .audio .audio-content p {

	margin: 0;

	white-space: nowrap

}

.post .audio .audio-content p.author, .post .audio .audio-content p.musicablum {

	font-family: "Microsoft YaHei";

	margin-bottom: 10px;

	color: #072

}

.post .audio .audio-content p.author strong, .post .audio .audio-content p.musicablum strong {

	color: #43474C

}

.post .audio .audio-content p.author span {

	color: red;

	letter-spacing: .2em;

	font-size: 18px

}

.post .video {

	text-align: center;

	margin: 0 0 20px;

	overflow: hidden

}

.post .video embed {

	display: block;

	margin-left: auto;

	margin-right: auto

}

.comments {

	padding: 10px;

	border-top: 1px solid #cfd5d9;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);

	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);

	-o-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);

	box-shadow: inset 0 1px 3px rgba(0,0,0,.1)

}

.comments h2 {

	font-weight: 400;

	font-size: 20px

}

.commentlist {

	margin-bottom: 10px

}

.commentlist .comment-body {

	border-bottom: 1px solid #D7D7D7;

	padding: 10px 0 20px;

	margin: 10px 0

}

.commentlist .comment-body .avatar {

	float: left;

	padding: 5px;

	border: 1px solid #CCC;

	width: 48px;

	height: 48px;

	border-radius: 3px;

	box-shadow: 0 2px 4px rgba(0,0,0,.1)

}

.commentlist .comment-body:hover .avatar {

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

	-o-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	transform: rotate(360deg)

}

.commentlist li.comment ul.children {

	margin: 8px 0 8px 60px

}

.commentlist .depth-1 .comment-wrap {

	width: 590px

}

.commentlist .depth-2 .comment-wrap {

	width: 530px

}

.commentlist .depth-3 .comment-wrap {

	width: 470px

}

.commentlist .depth-4 .comment-wrap {

	width: 410px

}

.commentlist .depth-5 .comment-wrap {

	width: 350px

}

.commentlist .comment-body .comment-wrap {

	display: inline;

	float: left;

	margin-left: 10px

}

.commentlist .comment-body .comment-wrap .reply-container {

	display: inline;

	float: right

}

.commentlist .comment-body .comment-wrap a.comment-edit-link, .commentlist .comment-body .comment-wrap a.comment-reply-link, .comments .comment-content a {

	color: #4d90fe

}

.commentlist .comment-body .comment-wrap .comment-content {

	padding-top: 9px

}

.comments .respond p {

	line-height: 24px

}

.comments .respond p.smilies {

	margin: .5em 0 0

}

.comments .respond p.smilies img {

	background: 0 0!important

}

.comments .respond input, .comments .respond textarea {

	outline: 0;

	font-family: "Microsoft Yahei", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;

	color: #7B7B76

}

.comments .respond input.text {

	width: 180px;

	height: 20px;

	line-height: 20px;

	margin: .5em 0;

	padding: 2px;

	border: 1px solid #BBB

}

.comments .respond input.checkbox {

	margin-right: 3px;

	vertical-align: middle

}

.comments .respond input.submit {

	border: none;

	cursor: pointer;

	height: 29px;

	width: 77px;

	line-height: 29px;

	overflow: hidden

}

.comments .respond .comment_mail {

	vertical-align: middle;

	cursor: pointer

}

.comments .respond .textarea {

	margin: .5em 0;

	width: 90%;

	border: 1px solid #BBB;

	padding: 4px;

	overflow-y: hidden

}

.comments .respond .textarea:focus, .comments .respond .textarea:hover, .comments .respond input.text:focus, .comments .respond input.text:hover {

	border: 1px solid #88acf7;

	box-shadow: 0 0 3px #88acf7

}

.comments .respond .submit {

	color: #fff;

	font-size: 13px;

	width: 120px;

	padding: 3px 5px;

	margin: 2px 0 10px 0;

	border: 1px solid #3079ed;

	cursor: pointer;

	background-color: #4d90fe;

	background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);

	background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);

	background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);

	background-image: -o-linear-gradient(top, #4d90fe, #4787ed);

	background-image: linear-gradient(top, #4d90fe, #4787ed)

}

.single-navigation {

	float: right;

	width: 60px;

	height: 26px;

	overflow: hidden

}

.single-navigation div, .single-navigation div a {

	display: block;

	width: 24px;

	height: 24px;

	margin-top: 2px

}

.single-navigation .prev-single {

	float: left

}

.single-navigation .next-single {

	float: right

}

.single-navigation div a {

	opacity: .5;

	margin: 0

}

.single-navigation div a:hover {

	opacity: 1

}

.single-navigation .prev-single a {

	background-position: 0 -342px

}

.single-navigation .next-single a {

	background-position: 0 -369px

}

.pagenavi {

	margin: 0 15px 0 12px;

	padding: 10px 0 20px

}

.pagenavi a, .pagenavi span {

	padding: 2px 8px;

	margin-right: 5px;

	box-shadow: 0 0 3px rgba(0,0,0,.2);

	border: 1px solid #B7BBC0

}

.pagenavi span {

	color: #4D90FE;

	border: 1px solid #4D90FE

}

.pagenavi a:hover {

	border: 1px solid #4D90FE;

	color: #4D90FE

}

.footer {

	color: #333;

	text-align: center;

	text-shadow: 0 1px 0 rgba(255,255,255,.2);

	line-height: 180%;

	font-size: 13px;

	padding: 15px 0

}

.footer a {

	color: #2970A6

}

.footer a:hover {

	text-decoration: underline

}

.archive-lists h4 {

	margin-bottom: 10px;

	font-size: 14px;

	line-height: 18px;

	color: #333

}

.archive-lists ul {

	margin-left: 30px;

	margin-bottom: 15px

}

.archive-lists ul li {

	list-style-type: circle

}

.archive-lists ul li a {

	color: #4882B1;

	border-bottom: 1px solid #C7C9CD

}

.archive-lists ul li a:hover {

	text-decoration: none;

	color: #43474c

}

.archive-lists .children {

	list-style-type: none;

	margin-left: 30px;

	margin-bottom: 0

}

.widget {

	margin-bottom: 20px;

	border: 1px solid #B7BBC0;

	padding: 20px;

	box-shadow: 1px 2px 10px rgba(0,0,0,.2)

}

.widget h3.title {

	margin: 0 0 10px 0;

	font-size: 14px;

	border-bottom: 1px solid #B7BBC0;

	padding-bottom: 5px

}

.widget ul {

	margin-bottom: 5px

}

.widget ul li {

	margin-bottom: 5px

}

.widget .tagcloud a {

	white-space: nowrap;

	font-size: 12px!important;

	display: inline-block;

	border-bottom: 1px dashed #DEDEDE;

	overflow: hidden;

	text-align: center;

	width: 63px;

	padding: 6px 0

}

.widget_search input {

	outline: 0;

	width: 92%;

	border: 1px solid #B7BBC0;

	box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;

	padding: 5px 5px 5px 10px;

	color: #999

}

.widge_pic ul li {

	margin: 0 0 5px 5px;

	display: inline;

	float: left;

	width: 60px;

	height: 60px;

	overflow: hidden

}

.widge_pic ul li a {

	background-color: #333;

	display: block;

	width: 60px;

	height: 60px

}

.widge_pic ul li a:hover img {

	opacity: .5

}

#wp-calendar {

	empty-cells: show;

	width: 196px;

	margin: 0 auto;

	color: #6C6B63

}

#wp-calendar a {

	display: block;

	text-decoration: none;

	font-weight: 700;

	color: #6C6B63

}

#wp-calendar a:hover {

	text-decoration: none

}

#wp-calendar caption {

	text-decoration: none;

	font: 700 13px Arial, Sans-Serif

}

#wp-calendar td {

	padding: 3px 5px;

	color: #9f9f9f

}

#wp-calendar td#today {

	color: #fff

}

#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	padding: 3px 5px

}

#wp-calendar #next a, #wp-calendar #prev a {

	font-size: 9pt

}

#wp-calendar #next a {

	padding-right: 10px;

	text-align: right

}

#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left

}

#ph_lay, #ph_zoom {

	top: 0;

	left: 0;

	width: 100%;

	z-index: 9999;

	display: none

}

#ph_lay {

	position: fixed;

	height: 100%

}

#ph_zoom {

	overflow-x: hidden;

	position: absolute

}

#ph_zoom span {

	margin: 0;

	padding: 0 9px;

	float: right;

	color: inherit

}

#ph_cap, #ph_lay, #ph_nav span {

	background: #000

}

#ph_cap, #ph_nav {

	cursor: pointer;

	font-size: 14px;

	line-height: 21px;

	position: absolute

}

#ph_cap #ph_txt, #ph_nav #ph_prev {

	float: left

}

.zoomed {

	margin: 0;

	padding: 0;

	max-width: none;

	cursor: pointer;

	position: absolute

}

.phzoom {

	position: relative;

	display: inline-block;

	max-width: 100%

}

.ph_hover {

	top: 25%;

	left: 0;

	width: 100%;

	height: 50%;

	display: block;

	position: absolute;

	background: url(../images/zoom.png) no-repeat 50% 50%

}

.phzoom .loading {

	background: url(../images/loading.gif) no-repeat 50% 50%

}

body {

	background: url(../images/body-bg-x.png) repeat

}

.fl {

	float: left

}

.fr {

	float: right

}

.tc {

	text-align: center

}

.tr {

	text-align: right

}

.tl {

	text-align: left

}

.article {

	width: 1052px;

	padding: 85px 0 20px 0

}

.navigation {

	margin: 1em auto;

	text-align: center;

	position: relative

}

#main .cell {

	box-shadow: 0 2px 3px 1px #ccc;    width: 170px;

    margin: 0 15px 15px 0;

}

#main .cell:nth-child(6n+0) { margin-right:0px;}

#main .cell:hover {

	box-shadow: 0 2px 3px 1px #999

}

.post .post-content img {

	max-width: 100%

}

.share {

	padding-top: 12px;

	float: right

}

.pagination {

	display: inline-block;

	padding-left: 0;

	margin: 12px 0;

	border-radius: 4px

}


.pagination>li:first-child, .pagination>strong:first-child {

	margin-left: 0;

	border-bottom-left-radius: 4px;

	border-top-left-radius: 4px

}

.pagination>li, .pagination>strong {

	position: relative;

	float: left;

	font-size: 14px;

	padding: 10px 20px;

	line-height: 1.428571429;

	text-decoration: none;

	color: #4D90FE;

	background-color: #fff;

	border: 1px solid #ddd;

	margin-left: -1px

}

.pagination>li:last-child, .pagination>strong:last-child {

	border-bottom-right-radius: 4px;

	border-top-right-radius: 4px

}

.pagination>strong {

	background-color: #eee;

	border-color: #ddd

}

.enpty-art {

	margin: 7px;

	width: 220px

}

.enpty-home .text {

	height: 20px;

	display: block

}

.mobile-bar {

	background: url(../images/header.jpg) repeat;

	position: relative;

	box-shadow: 0 0 25px 0 rgba(0,0,0,.5);

	max-width: 1260px; margin:0 auto;

	height: 50px;

	z-index: 666

}

.mobile-bar h1 {

	position: absolute;

	left: 50%;

	top: 0;

	width: 34%;

	margin-left: -17%

}

.mobile-bar h1 a {

	color: #f39;

	height: 50px;

	display: inline-block;

	width: 100%;

	text-align: center;

	font-size: 22px;

	line-height: 50px

}

.mobile-bar:after {

	content: "";

	clear: both

}

#tm {

	display: none

}

.lab {

	position: relative;

	transition: all .25s;

	height: 50px;

	display: block;

	width: 20%;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	text-transform: uppercase;

	background: url(../images/nav.png) no-repeat 50% center;

	background-size: 30px 30px

}

.sidenav {

	width: 100%;

	display: none;

	position: absolute;

	right: 0;

	top: 50px;

	z-index: 666

}

.sidenav a {

	color: #fff;

	display: block;

	width: 50%;

	font-size: 16px;

	line-height: 36px;

	background-color: rgba(86,86,86,1);

	border-top: solid 1px #444;

	text-align: center;

	float: left

}

.sidenav a:nth-child(odd) {

	border-right: solid 1px #444;

	margin-left: -1px

}

@-webkit-keyframes slideRightIn {

0% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0)

}

50% {

opacity:.6;

-webkit-transform:translate3d(50%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:translate3d(0, 0, 0)

}

}

.slideRightIn {

	-webkit-animation-name: slideRightIn

}

.back {

	height: 50px;

	display: block;

	width: 20%;

	position: absolute;

	left: 0;

	top: 0;

	cursor: pointer;

	text-transform: uppercase;

	background: url(../images/back.png) no-repeat 50% center;

	background-size: 30px 30px

}

img.lazy {

	max-width: 100%

}

a.next, a.prev {

	position: fixed;

	top: 40%;

	width: 37px;

	height: 63px;

	background: url(../images/to.png) no-repeat;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	transition: none

}

a.next {

	left: 50%;

	margin-left: 526px;

	background-position: -37px 0

}

a.next:hover {

	background-position: -37px -63px

}

a.prev {

	right: 50%;

	margin-right: 526px;

	background-position: 0 0

}

a.prev:hover {

	background-position: 0 -63px

}

.favor, .shareto, a.dingyue {

	width: 40px;

	height: 40px;

	display: block;

	opacity: .5;

	cursor: pointer

}

.favor img, .shareto img, a.dingyue img {

	width: 100%

}

.favor, .shareto {

	padding-bottom: 10px;

	position: relative

}

.favor:hover, .shareto:hover, a.dingyue:hover {

	opacity: 1

}

.fixed {

	position: fixed;

	right: 5px;

	top: 40%;

	width: 40px

}

.post-nav {

	color: #666;

	padding-top: 20px;

	padding-left: 97px;

	padding-right: 20px;

	line-height: 26px

}

.post-nav a {

	color: #666

}

.post-nav a:hover {

	color: #f39

}

.reply {

	padding: 15px 7px 20px 7px;

	float: left;

	width: 1016px

}

.bdshare-button-style0-24 .bds_more, .sr-bdimgshare .bdimgshare-content .bdimgshare-lbl {

	display: none

}

.dn {

	display: none

}

.post-ad {

	padding-bottom: 10px;

	width: 100%;

	text-align: center;

	overflow: hidden;

	position: relative

}

.post-adc {

	padding: 6px 0;

	width: 100%;

	text-align: center;

	overflow: hidden;

	position: relative

}

.post-ads {

	width: 100%;

	text-align: center;

	overflow: hidden;

	padding-top: 10px

}

.pagead {

	width: 100%;

	overflow: hidden;

	text-align: center;

	padding-bottom: 10px

}

.pagead img {

	max-width: 100%

}

.zan {

	width: 100%;

	overflow: hidden

}

.zan-ad {

	float: left;

	padding-top: 6px

}

span.like {

	opacity: .8;

	cursor: pointer;

	font-size: 26px;

	line-height: 40px;

	color: #f39;

	float: right

}

span.like:active {

	-webkit-transform: scale(.6);

	-moz-transform: scale(.6);

	-ms-transform: scale(.6);

	-o-transform: scale(.6);

	transform: scale(.6);

	-webkit-transition-duration: .1s;

	-moz-transition-duration: .1s;

	-ms-transition-duration: .1s;

	-o-transition-duration: .1s;

	transition-duration: .1s

}

span.like font {

	padding-left: 10px

}

.index {

	width: 1230px;

	border: 1px solid #B7BBC0;

	box-shadow: 1px 2px 10px rgba(0,0,0,.2);

	padding: 14px;

	min-height: 500px

}

.main-index {

	padding: 85px 0 20px 0

}

.box, .column, .line {

	width: 100%

}

.box:after, .box:before, .column:after, .column:before, .index:before, .line:after, .line:before {

	display: table;

	content: " ";

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

.box:after, .column:after, .index:after, .line:after {

	clear: both

}

h2.column-title {

	float: left;

	height: 50px;

	line-height: 50px;

	font-weight: 700

}

h2.column-title a {

	color: #f39;

	font-size: 24px

}

h2.column-title font {

	color: #888;

	font-size: 20px

}

.quick {

	float: left;

	padding: 10px 0 10px 20px

}

.quick a {

	line-height: 30px;

	padding: 0 10px;

	display: inline-block;

	font-size: 15px

}

.quick a:hover {

	background-color: #aaa;

	border-radius: 4px;

	color: #fff

}

a.more {

	float: right;

	line-height: 30px;

	color: #888;

	font-size: 16px;

	margin: 10px 0

}

a.more:hover {

	color: #f39

}

.enpty-index {

	width: 170px;

	margin: 0 15px 15px 0

}

.enpty-index:nth-child(12), .enpty-index:nth-child(6), .enpty-index:nth-child(18), .enpty-index:nth-child(24) {

	margin-right: 0

}

.primary {

	min-height: 600px

}

.pace {

	-webkit-pointer-events: none;

	pointer-events: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none

}

.pace-inactive {

	display: none

}

.pace .pace-progress {

	background: #f39;

	position: fixed;

	z-index: 2000;

	top: 0;

	right: 100%;

	width: 100%;

	height: 3px

}

.header.nofix {

	position: relative

}

.other {

	overflow: hidden;

	padding: 0 30px;

	font-size: 14px

}

.other-prev {

	float: left

}

.other-next {

	float: right

}

.other a {

	color: #4D90FE

}

.other a:hover {

	color: #f39

}

.switch-tips {

	position: absolute;

	right: 30px;

	top: 34px;

	color: #777;

	font-size: 14px

}

#setview {

	display: none

}

::selection {

	background-color: #565656;

	color: #fff

}

::-moz-selection {

background-color:#565656;

color:#fff

}

.enpty-home .pic span.pic-num {

	z-index: 10;

	border-radius: 0;

	width: 40px;

	height: 30px;

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 0;

	background-color: #f39;

	display: none;

	line-height: 30px;

	text-align: center;

	color: #fff

}

.index-ad {

	padding: 10px 0 0 20px;

	float: left

}

.art-ad {

	padding: 0 0 0 20px;

	float: left

}

.m-ad {

	overflow: hidden;

	text-align: center

}

.post-ad a {

	position: absolute;

	width: 100%;

	height: 90px;

	top: 0;

	z-index: 2;

	left: 0;

	display: block

}

.post-ad embed {

	position: relative;

	z-index: 0

}

.ad1 {

	display: inline-block

}

.ad2 {

	display: inline-block;

	padding-left: 20px

}

.doart {

	padding: 5px 0;

	overflow: hidden;

	text-align: right

}

.doart a, .doart form {

	display: inline-block;

	padding-left: 16px

}

.loginmt {

	margin-top: 70px;

	padding: 20px

}

.enpty-home .text:hover {

	color: #f39

}

.bds {

	position: absolute;

	right: 40px;

	top: 0;

	width: 266px;

	background-color: #eee;

	display: none;

	border-radius: 3px;

	padding-left: 6px;

	border: 1px solid #B7BBC0;

	box-shadow: 1px 2px 10px rgba(0,0,0,.2)

}

.bdshare-button-style1-32 .bds_more {

	display: none

}

.share-bd {

	float: right;

	min-height: 44px;

	height: 44px;

	overflow: hidden

}

@-webkit-keyframes fadeIn {

0% {

opacity:0

}

50% {

opacity:.5

}

100% {

opacity:1

}

}

.shareto:hover>.bds {

	display: block;

	-webkit-animation-name: fadeIn;

	-webkit-animation-duration: .3s;

	-webkit-animation-iteration-count: 1;

	-webkit-animation-delay: 0s

}

.primary iframe {

	display: inline-block!important

}

.bars {

	padding: 0 7px;

	overflow: hidden;

	display: block;clear:both;

}

.bars h2 {

	line-height: 26px;

	color: #f39;

	border-left: solid 3px;

	padding-left: 8px;

	font-size: 19px;

	font-weight: 700

}

.bars h2 span {

	float: left

}

@media screen and (min-width:1281px) {

.enpty-home .pic img:hover {

	opacity: .9

}

span.like:hover {

	opacity: 1

}

.enpty-home a:hover>span.pic-num {

	display: block

}

.enpty-home a:hover>span.pic-num {

	display: block

}

.enpty-home a:hover>span.pic-num {

	display: block

}

.post .post-content {

	min-height: 300px

}

.pagination>a:focus, .pagination>a:hover, .pagination>strong, .pagination>strong:focus, .pagination>strong:hover {

	background-color: #eee;

	border-color: #ddd

}

}

@media (min-width:769px) and (max-width:1280px) {

#main {

	width: 100%;

	padding: 0

}

.article, .index {

	width: 96%;

	padding: 2%;

	border: none

}

.primary {

	width: 100%;

	margin-left: -1px

}

.post .post-header {

	padding: 10px

}

.post-nav {

	padding-top: 10px;

	padding-left: 17px;

	padding-right: 10px

}

.post .post-header .post-title {

	margin: 5px 0 0 0

}

.post .post-content {

	margin: 0 10px 10px

}

.enpty-home {

	margin-top: 10px;

	padding: 0;

	margin-left: -1px

}

.bigs {

	padding: 10px

}

.enpty-art {

	width: 21%;

	margin: 1%;

	padding: 1%;

	border: none

}

.reply {

	padding: 1%;

	width: 98%

}

.enpty-index {

	width: 22%;

	margin: 0 0 1% 1%;

	padding: 1%;

	border: none

}

.enpty-index:nth-child(1), .enpty-index:nth-child(5), .enpty-index:nth-child(9) {

	margin-left: 0

}

.fixed {

	display: none

}

.bars {

	padding: 0 1%

}

}

@media screen and (max-width:768px) {

#main {

	width: 100%;

	padding: 0

}

.enpty-home .pic img {

    display: block;

    width: 100%!important;

	height: auto!important;

}

.article, .index {

	width: 96%;

	padding: 2%;

	border: none

}

.primary {

	width: 100%;

	margin-left: -1px

}

.post .post-header {

	padding: 10px

}

.post-nav {

	padding-top: 10px;

	padding-left: 17px;

	padding-right: 10px

}

.post .post-header .post-title {

	margin: 5px 0 0 0

}

.post .post-content {

	margin: 0 10px 10px

}

.enpty-home {

	margin-top: 10px;

	padding: 0!important;

	margin-left: 0px!important;

	width: 47%!important;margin: 0 1% 15px 1%!important;border: 1px solid #D9D4D4!important;

}

.bigs {

	padding: 10px

}

.enpty-art {

	width: 44%;

	margin: 1%;

	padding: 2%;

	border: none

}

a.next, a.prev {

	display: none

}

.fixed {

	display: none

}

.index-ad, .pc {

	display: none

}

.reply {

	padding: 2%;

	width: 96%

}

.enpty-index {

	width: 45%;

	margin: 0 0 2% 2%;

	padding: 2%;

	border: none

}

.enpty-index:nth-child(odd) {

	margin-left: 0

}

h2.column-title a {

	font-size: 20px

}

h2.column-title font {

	font-size: 16px

}

.navigation {

	margin: 1em auto

}

.for-pc {

	display: none

}

.bars {

	padding: 0 1%

}

}

.animated {

	-webkit-animation-duration: .5s;

	-moz-animation-duration: .5s;

	-o-animation-duration: .5s;

	animation-duration: .5s;

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-o-animation-fill-mode: both;

	animation-fill-mode: both

}

@-webkit-keyframes slideDown {

0% {

-webkit-transform:translateY(-4em)

}

100% {

-webkit-transform:translateY(0)

}

}

@-moz-keyframes slideDown {

0% {

-moz-transform:translateY(-4em)

}

100% {

-moz-transform:translateY(0)

}

}

@-o-keyframes slideDown {

0% {

-o-transform:translateY(-4em)

}

100% {

-o-transform:translateY(0)

}

}

@keyframes slideDown {

0% {

transform:translateY(-4em)

}

100% {

transform:translateY(0)

}

}

.animated.slideDown {

	-webkit-animation-name: slideDown;

	-moz-animation-name: slideDown;

	-o-animation-name: slideDown;

	animation-name: slideDown

}

@-webkit-keyframes slideUp {

0% {

-webkit-transform:translateY(0)

}

100% {

-webkit-transform:translateY(-4em)

}

}

@-moz-keyframes slideUp {

0% {

-moz-transform:translateY(0)

}

100% {

-moz-transform:translateY(-4em)

}

}

@-o-keyframes slideUp {

0% {

-o-transform:translateY(0)

}

100% {

-o-transform:translateY(-4em)

}

}

@keyframes slideUp {

0% {

transform:translateY(0)

}

100% {

transform:translateY(-4em)

}

}

.animated.slideUp {

	-webkit-animation-name: slideUp;

	-moz-animation-name: slideUp;

	-o-animation-name: slideUp;

	animation-name: slideUp

}

@-webkit-keyframes swingInX {

0% {

-webkit-transform:perspective(400px) rotateX(-90deg)

}

100% {

-webkit-transform:perspective(400px) rotateX(0)

}

}

@-moz-keyframes swingInX {

0% {

-moz-transform:perspective(400px) rotateX(-90deg)

}

100% {

-moz-transform:perspective(400px) rotateX(0)

}

}

@-o-keyframes swingInX {

0% {

-o-transform:perspective(400px) rotateX(-90deg)

}

100% {

-o-transform:perspective(400px) rotateX(0)

}

}

@keyframes swingInX {

0% {

transform:perspective(400px) rotateX(-90deg)

}

100% {

transform:perspective(400px) rotateX(0)

}

}

.animated.swingInX {

	-webkit-transform-origin: top;

	-moz-transform-origin: top;

	-ie-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	-webkit-backface-visibility: visible!important;

	-webkit-animation-name: swingInX;

	-moz-backface-visibility: visible!important;

	-moz-animation-name: swingInX;

	-o-backface-visibility: visible!important;

	-o-animation-name: swingInX;

	backface-visibility: visible!important;

	animation-name: swingInX

}

@-webkit-keyframes swingOutX {

0% {

-webkit-transform:perspective(400px) rotateX(0)

}

100% {

-webkit-transform:perspective(400px) rotateX(-90deg)

}

}

@-moz-keyframes swingOutX {

0% {

-moz-transform:perspective(400px) rotateX(0)

}

100% {

-moz-transform:perspective(400px) rotateX(-90deg)

}

}

@-o-keyframes swingOutX {

0% {

-o-transform:perspective(400px) rotateX(0)

}

100% {

-o-transform:perspective(400px) rotateX(-90deg)

}

}

@keyframes swingOutX {

0% {

transform:perspective(400px) rotateX(0)

}

100% {

transform:perspective(400px) rotateX(-90deg)

}

}

.animated.swingOutX {

	-webkit-transform-origin: top;

	-webkit-animation-name: swingOutX;

	-webkit-backface-visibility: visible!important;

	-moz-animation-name: swingOutX;

	-moz-backface-visibility: visible!important;

	-o-animation-name: swingOutX;

	-o-backface-visibility: visible!important;

	animation-name: swingOutX;

	backface-visibility: visible!important

}

@-webkit-keyframes flipInX {

0% {

-webkit-transform:perspective(400px) rotateX(90deg);

opacity:0

}

100% {

-webkit-transform:perspective(400px) rotateX(0);

opacity:1

}

}

@-moz-keyframes flipInX {

0% {

-moz-transform:perspective(400px) rotateX(90deg);

opacity:0

}

100% {

-moz-transform:perspective(400px) rotateX(0);

opacity:1

}

}

@-o-keyframes flipInX {

0% {

-o-transform:perspective(400px) rotateX(90deg);

opacity:0

}

100% {

-o-transform:perspective(400px) rotateX(0);

opacity:1

}

}

@keyframes flipInX {

0% {

transform:perspective(400px) rotateX(90deg);

opacity:0

}

100% {

transform:perspective(400px) rotateX(0);

opacity:1

}

}

.animated.flipInX {

	-webkit-backface-visibility: visible!important;

	-webkit-animation-name: flipInX;

	-moz-backface-visibility: visible!important;

	-moz-animation-name: flipInX;

	-o-backface-visibility: visible!important;

	-o-animation-name: flipInX;

	backface-visibility: visible!important;

	animation-name: flipInX

}

@-webkit-keyframes flipOutX {

0% {

-webkit-transform:perspective(400px) rotateX(0);

opacity:1

}

100% {

-webkit-transform:perspective(400px) rotateX(90deg);

opacity:0

}

}

@-moz-keyframes flipOutX {

0% {

-moz-transform:perspective(400px) rotateX(0);

opacity:1

}

100% {

-moz-transform:perspective(400px) rotateX(90deg);

opacity:0

}

}

@-o-keyframes flipOutX {

0% {

-o-transform:perspective(400px) rotateX(0);

opacity:1

}

100% {

-o-transform:perspective(400px) rotateX(90deg);

opacity:0

}

}

@keyframes flipOutX {

0% {

transform:perspective(400px) rotateX(0);

opacity:1

}

100% {

transform:perspective(400px) rotateX(90deg);

opacity:0

}

}

.animated.flipOutX {

	-webkit-animation-name: flipOutX;

	-webkit-backface-visibility: visible!important;

	-moz-animation-name: flipOutX;

	-moz-backface-visibility: visible!important;

	-o-animation-name: flipOutX;

	-o-backface-visibility: visible!important;

	animation-name: flipOutX;

	backface-visibility: visible!important

}

@-webkit-keyframes bounceInDown {

0% {

opacity:0;

-webkit-transform:translateY(-200px)

}

60% {

opacity:1;

-webkit-transform:translateY(30px)

}

80% {

-webkit-transform:translateY(-10px)

}

100% {

-webkit-transform:translateY(0)

}

}

@-moz-keyframes bounceInDown {

0% {

opacity:0;

-moz-transform:translateY(-200px)

}

60% {

opacity:1;

-moz-transform:translateY(30px)

}

80% {

-moz-transform:translateY(-10px)

}

100% {

-moz-transform:translateY(0)

}

}

@-o-keyframes bounceInDown {

0% {

opacity:0;

-o-transform:translateY(-200px)

}

60% {

opacity:1;

-o-transform:translateY(30px)

}

80% {

-o-transform:translateY(-10px)

}

100% {

-o-transform:translateY(0)

}

}

@keyframes bounceInDown {

0% {

opacity:0;

transform:translateY(-200px)

}

60% {

opacity:1;

transform:translateY(30px)

}

80% {

transform:translateY(-10px)

}

100% {

transform:translateY(0)

}

}

.animated.bounceInDown {

	-webkit-animation-name: bounceInDown;

	-moz-animation-name: bounceInDown;

	-o-animation-name: bounceInDown;

	animation-name: bounceInDown

}

@-webkit-keyframes bounceOutUp {

0% {

-webkit-transform:translateY(0)

}

30% {

opacity:1;

-webkit-transform:translateY(20px)

}

100% {

opacity:0;

-webkit-transform:translateY(-200px)

}

}

@-moz-keyframes bounceOutUp {

0% {

-moz-transform:translateY(0)

}

30% {

opacity:1;

-moz-transform:translateY(20px)

}

100% {

opacity:0;

-moz-transform:translateY(-200px)

}

}

@-o-keyframes bounceOutUp {

0% {

-o-transform:translateY(0)

}

30% {

opacity:1;

-o-transform:translateY(20px)

}

100% {

opacity:0;

-o-transform:translateY(-200px)

}

}

@keyframes bounceOutUp {

0% {

transform:translateY(0)

}

30% {

opacity:1;

transform:translateY(20px)

}

100% {

opacity:0;

transform:translateY(-200px)

}

}

.animated.bounceOutUp {

	-webkit-animation-name: bounceOutUp;

	-moz-animation-name: bounceOutUp;

	-o-animation-name: bounceOutUp;

	animation-name: bounceOutUp

}

.link {

	width: 1228px;

	margin: 0 auto;

	background: #f0f0f0;

	padding: 10px 0px;

	padding-left: 25px;

	margin-top: 8px;

	padding-right: 10px;

	overflow: hidden;

}

.link li {

	float: left;

	padding-right: 10px;

	color: #3b3b3b;

	line-height: 24px;

	white-space: nowrap;

}

.link li a {

	color: #747475;

}

.work-off{position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;height: 42px;
    box-sizing: content-box;
    background: url(../images/off.png) no-repeat center 0;
    background-size: 100% 100%;}