/*  
Theme Name: 栗子Book
<!-- 闲鱼资源网：精品资源分享网www.xianyuboke.com -->
Tags: white, lizibook, 图片, 摄影, 插画, 灵感

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://www.v7v3.com

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/
body,html,h1,h2,h3,h4,h5,p,li,ul,span,small,b,form{
	margin:0;
	padding:0;
}
::selection{
	background:#A6BA00;
}
ul{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	list-style-type: none;
	-webkit-padding-start: 0;
}
body{
	font-size:12px;
	color:#4D4D46;
	font-family:'Microsoft YaHei UI','Microsoft YaCSimSu','SimSun','Segoe UI','Tahoma','Helvetica','Sans-Serif';
	background-color:#F6F6E8;
	text-align:center;
}
li{
	list-style:none;
}
input,button,select,textarea{
	outline:none;
}
input{
	border:2px solid #b6c32d;
	color:#999999;
	text-indent:5px;
	height:20px;
	margin:2px 0;
}
a{
	text-decoration:none;
	color:#030303;
	transition:color 0.2s;
	-moz-transition:color 0.2s;
	-webkit-transition:color 0.2s;
	-o-transition:color 0.2s;
}
a:hover{
	color: #889800;
}
a,a img{
	border:0;
}
/*
layout
*/
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.warpper{
	width:1080px;
	margin:10px auto;
	display:block;
	text-align:left;
}
.box_480,
.box_110,
.box_360,
.box_550,
.box_230,
.box_310,
.box_190
{
	margin:5px;
}

.box_150{
	width:150px;
}

.box_270{
	width:270px;
}
.box_480{
	width:480px;
}

.box_110{
	width:110px;
}
.box_360{
	width:360px;
}
.box_550{
	width:550px;
}

.box_230{
	width:230px;
}
.box_310{
	width:310px;
}
.box_350{
	width:350px;
}
.box_190{
	width:190px;
}
.box_640{
	width:630px;
	background-color:#e7e8da;
	padding: 10px;
}
.text_right{
	text-align:right;
}
/*
font
*/
h1{
	width:290px;
	height:40px;
	margin-right:20px;
	float:left;
	background:url(images/logo.png) no-repeat;
	text-indent:-1000px;
	margin-top:10px;
}
h1 a{
	width:140px;
	height:50px;
	display:block;	
}
h2,h3{
	display:block;
	font-family: "Microsoft Yahei";
	font-weight:normal;
	font-size:18px;	
}
.div_breadcrumbs h2{
	margin-right:5px;
	float:left;
	font-weight:bold;
}
h3 span{
	font-size:12px;
	color:#999999;
	text-transform:uppercase;
}
h4{
	font-size:18px;
	line-height:40px;
}
.font_title{
	color:#666666;
	font-size:12px;
}
.font_views,
.font_date,
small{
	color:#999999;
	font-size:10px;
	font-family:calibri;
	letter-spacing:1px;
	display:inline-block;
	*display: inline;
	zoom: 1;
	font-weight:normal;
	line-height:34px;
}
/*
icon
*/


.div_social_icon li{
	width:24px;
	height:24px;
	display:block;
	vertical-align:bottom;
	margin-top:16px;
	margin-right:5px !important;
	overflow:hidden;
	line-height:1000px;
	background-image: url("images/i.png");
	float:left;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
}
/*
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
*/
.icon_social_taobao{
	background:url(images/icon_tao.png?v=3) no-repeat !important;
}
.icon_social_rss{
	background-position:-60px 0;
}
.icon_social_rss:hover{
	background-color:;
}
.icon_social_mail{
	background-position:-60px -24px;
}
.icon_social_mail:hover{
	background-color:;
}

.icon_social_douban{
	background-position:-60px -48px;
}
.icon_social_douban:hover{
	background-color:;
}
.icon_social_sina{
	background-position:-60px -72px;
}
.icon_social_sina:hover{
	background-color:;
}
.icon_social_qq{
	background-position:-60px -96px;
}
.icon_social_qq:hover{
	background-color:;
}
.icon_social_mobi{
	background-position:0 -104px;
}
.icon_social_mobi:hover{
	background-color:#E3AAD6;
}
.div_social_icon .div_search {
	position: absolute;

	text-indent:0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:180px;

	background-image:none;
	float:right;
	-moz-box-shadow:1px 1px 1px #8F9491 inset; 
	-webkit-box-shadow:1px 1px 1px #8F9491 inset;
	box-shadow:1px 1px 1px #8F9491 inset;      

	top:16px;
	right:10px;    
}
.div_social_icon .div_search,
.div_social_icon .div_search input{
	background-color:#ffffff;
	color:#999999;
	border:0;
	padding:0 5px;
}
.div_social_icon .div_search input{
	width:120px;
}
.div_search form{
	position:relative;
}
.div_search button{
	position: absolute;
	top:5px;
	right:5px;
	color:white;
	text-indent:-1000px;
	background:url(images/i.png) -30px -20px;
	border:none;
	width:12px;
	height:12px;

}
.article-meta .icon_date,
.article-meta .icon_tag,
.article-meta .icon_category{
	background:url(images/i.png) 0 0;
	width:16px;
	height:12px;
	display:inline-block;
	*display: inline;
	zoom: 1;

}
.article-meta .icon_date{
	background-position:0 -60px;
}
.article-meta .icon_tag{
	background-position:0 -80px;
	margin-left:10px;
}
.article-meta .icon_category{
	background-position:0 -100px;
	margin-left:10px;
}
.article-meta i{
	vertical-align: middle;
}
/*
preview img
*/
.radius_5{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.radius_10{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.div_radius_circle li{
	width:160px;
	height:160px;
	border-radius: 160px;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	float:left;
	margin:15px;
}

.div_img_with_title .div_post{
	float:left;
	position:relative;
	transition: border 0.2s;
	-moz-transition: border 0.2s;
	-webkit-transition: border 0.2s;
	-o-transition: border 0.2s;
	overflow:hidden;
	background: #E7E7DA;
	border: 2px solid #ffffff;
	margin:3px;
	box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888;
	-webkit-box-shadow: 5px 5px 5px #888888;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

}
.div_img_with_title .div_post{
	width:260px;
	height:360px;
	float:left;
}

.div_img_with_title .div_post:hover{
	border:2px solid #A5B807;
}
.div_img_with_title .div_post:hover{
	margin:3px;

}

.div_img_with_title .div_post:hover a b{
	color:#B8C431;
}


.div_img_with_title b{
	display:block;
	width:240px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom:10px;
}
.div_img_with_title .div_detail{
	line-height: 22px;
	color: #55554E;	
	font-size:12px;
	padding:0 10px;
}
.div_img_with_title .div_detail a{
	color:#4D4D46;
}
.div_img_with_title .div_detail a:hover{
	color:#889800
}
.div_img_with_title b{
	font-size:14px;
}
.div_img_with_title .cats{
	margin-right:15px;
	width:auto;
}


.div_img_with_title .div_shortcut{
	min-height:76px;
	height:76px;
	overflow:hidden
}

.div_img_with_title .div_meta{
	height:30px;
	border-top:1px solid #ccc;
	line-height:25px;
}
.div_img_with_title .div_meta .left{
	width:70%;
}
.div_img_with_title .div_meta .right{
	width:28%;
	text-align:right;
}
.div_img_with_title .img_preview{
	width:100%;
	height:200px;
	margin-bottom:16px;
	background:url(images/loading.gif) 50% 50% #CECFC2;
	overflow:hidden;
	display:block;
	text-align: center;
	position:relative;
}

.div_ad_img li{
	height: 170px;
	float: left;
}
.div_ad_img a{
	display:block;
	width:125px;
	height:125px;
	margin:5px;
}
.div_ad_img b,
.div_ad_img small
{
	display:block;
	width:78px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.div_ad_img b{
	margin-bottom:5px;
}

.div_ad_img li,
.div_ad_img_only li{
	height: 125px;
	width: 125px;
	float: left;
	margin: 5px;
		box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888;
	-webkit-box-shadow: 5px 5px 5px #888888;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.div_ad_img_only img,
.div_ad300 img{
	background-position:top;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.div_ad_img_only img{
	background-image:url(images/ad_here.jpg?v=2);
	height:125px;
	width:125px;
}
.zanzhu_top img{
	background-image:url(images/ad_here_top.png);
}
.div_ad300 img{
	background-image:url(images/big_ad2.gif);
	height:250px;
	width:300px;
	display:block;
}
.div_ad_img_only img:hover,
.div_ad300 img:hover{
	background-position:bottom;
}

.div_sidebar .div_ad_img img,
.div_sidebar .div_ad_img_only img{
	background-color:#E7E8DA;
	width:125px;
	height:125px;
	margin-bottom:10px;
	border:10px solid #E2E0DF;
}
.div_sidebar .div_ad_img img:hover,
.div_sidebar .div_ad_img_only img:hover,
.div_big_pic img:hover{
	border:10px solid #ff9a84;
}


.div_ad_img_only{
	clear:both;
}
.div_ad_img_only li a{
	display:block;
}
.div_sidebar .div_ad_img_only li{
	float:left;
	margin:5px;	
	height:143px;
	width:143px;
}
.div_ad_img_only li b,
.div_ad_img_only li small{
	display:none;
}

.price_100 img{
	background-image: url(images/ad_here_100.jpg);
	height: 125px;
	width: 125px;
}
.div_content{
	margin-right: 330px;
	width:750px;
	min-height:4100px;
}

.share-tit{
	display:inline-block;
	float:left;
	*display: inline;
	zoom: 1;
}
/*
others
*/
.more{
	background-image: url("images/sprite_font.png");
	background-position:-123px -286px;
	width:150px;
	height:26px;
	background-color:#eaeaea;
	margin:5px;
	float:right;
	text-indent:-2000px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	-webkit-transition:background-color 0.2s;
	-o-transition:background-color 0.2s;
}
.more:hover{
	background-color: #F0F0F0;
}
/*
details
*/
.div_top{
	/*background: url("images/large_top.jpg") repeat-x top;*/
	height:70px;
	font-family: "Microsoft Yahei";
	background-color:#11120a;
	overflow:hidden;
}
.div_top .warpper{
	margin-top:0;
	padding:10px 0;
}
.div_nav{
	background:#a5b807;
	color:#ffffff;
	height:40px;
	line-height:40px;
	border-top:4px solid #7F8D09;




}
.div_nav a{
	color:#ffffff;
	font-size:14px;
}
.div_nav a:hover{
	color:#ffffff;
}

.div_nav .warpper{
	margin:0 auto;
}
.div_nav li{
	display:inline;
	list-style:none;
	font-size:14px;
	padding:6px 8px;
	font-weight:bold;
	transition: background 0.1s;
	-moz-transition: background 0.1s;
	-webkit-transition: background 0.1s;
	-o-transition: background 0.1s;
}
.div_nav li:hover{
	background:#2A2B26;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.div_social{
	margin:0 20px;
	float:right;
	width:345px;
	position:relative;
}
.div_breadcrumbs{
	border-top: 1px solid #E5E3D4;
	border-bottom: 1px solid #E5E3D4;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	clear: both;
}
.div_title{
	border-top:1px solid #e5e3d4;
	border-bottom:1px solid #e5e3d4;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	clear:both;
}
.div_title h2{
	float:left;
	margin-right:10px;
}
.div_title h2 small{	
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left:10px;
}
.div_breadcrumbs a{
	color: #889800;
}
.div_breadcrumbs span{
	color:#999999;
}
.div_breadcrumbs h2 a{
	font-weight:normal;
	color:#494949;
}
.div_breadcrumbs .right a{
	background:#A5B807;
	padding:4px 8px;
	color:#ffffff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.page_single{
	margin:-20px auto 0 auto;
	position: relative;
	min-height:100%;
}
.div_sidebar{
	width:320px;
	padding-top: 10px;
	right: 0;
	top: 98px;
	position: absolute;
}

.div_sidebar .div_title{
	background: #A6BA00;
color: white;
font-size: 14px;
position: relative;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-indent:20px;
margin-bottom:20px;
}

.div_sidebar .div_title::after {
content: "";
display: block;
position: absolute;
bottom: -10px;
right: 10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #A6BA00;
}


.div_artical_title{
	border-bottom:1px solid #e5e3d4;
	height:96px;
}
.div_artical_title h2,
.div_artical_title h2 a{
	font-size:26px;
	margin-bottom:10px;
	font-weight:normal;
	padding-top: 16px;
	color: #4D4D46;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px lightGrey;
	
}
.article-meta{
	color:#999;
}

.article-meta a{
	display:inline-block;
	*display: inline;
	zoom: 1;
	border-bottom:1px solid #e5e3d4;
	margin:0 2px;
}
.div_share{
	margin-top:20px;
	border-top:1px #CDCDCD dashed;
	padding-top: 10px;
	font-size:12px;
}
.div_topnav{
	height:42px;
	display:block;
	margin-bottom:0;
}
.div_tag{
	margin:5px;
	line-height:26px;
}
.div_artical,
.div_wumii{
	line-height:2em;
	font-size:14px;
	padding:30px;
	background-color: #CBE5E7;
}

.div_artical p a{
	color: #8D9E02;
	/*border-bottom: 1px dotted #8D9E02; 文章图片下的a标记线*/
}
.div_artical img{
	width:100%;
	margin:5px 0;
	height:auto;
	background:url(images/loading.gif) 50% 50% #CECFC2;
}
.div_artical_cats,
.div_artical_tags{
	margin-bottom:10px;
	background:#E7E8DA;
	padding:10px;
}
.div_artical_cats h2,
.div_artical_tags h2{
	font-size:14px;
}

.div_tag li a{
	border-top:1px lightgrey dotted;
	display:block;
}


.div_copyright{
	line-height:26px;
	background:#2a2b26;
	color:#f4f4f4;
	padding-top:30px;
	padding-bottom:30px;
	border-top: 4px solid #A6BA00;
}
.div_copyright .warpper{
	margin-bottom:0;
}
.div_copyright a{
	color:#999999;
}
.div_copyright a:hover{
	color:#cccccc;
}
.div_copyright p{
	line-height:20px;
	color:#999999;
	margin-bottom:5px;
}
.div_copyright h2{
	font-size:14px;
}
/*others*/
.textoveflow {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.div_link{
	padding:5px;
}
.div_link a,
.div_link li{
	line-height:25px;
	display:inline-block;
	*display: inline;
	zoom: 1;
	margin-right:10px;
}

/*page style*/

.div_page_nav{
	width:240px;
	font-size:14px;
	background:#E7E8DA;
	color:#55554E;
	background:#E7E8DA;
}
.div_page_nav li{
	border-left: 1px solid #E5E3D4;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #E5E3D4;
}
.div_page_nav a{
	display: block;
	height: 40px;
	padding: 0 0 0 20px;
	font-size: 14px;
}
.div_page_nav li:hover {background: #000;color: white;}
.div_page_nav li a:hover {color: white;}
.div_page_nav li.current {background-color:#A5B807;}
.div_page_nav li.current a { 
	color: #FFFFFF; 	
	box-shadow: 10px 10px 10px #888888;
	-moz-box-shadow: 10px 10px 10px #888888;
	-webkit-box-shadow: 10px 10px 10px #888888;
	-o-transition:10px 10px 10px #888888;
}
	
.div_page_post{
	width:790px;
	border:1px solid #E5E3D4;
	padding:20px;
	font-size:14px;
	line-height: 24px;
	background:#E7E8DA;
}
.div_page_post p{
	margin-bottom:10px;
}
.div_page_post h2{
	font-weight:bold;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #E5E3D4;
	font-family: "Microsoft Yahei";
}
.div_ad300{
	padding:0 10px 10px 10px;
}
blockquote{
	
	margin:0 14px 20px 0;
	padding-left:60px;
	background: url("images/i.png") 0 -270px no-repeat;
}

.div_post_about{

	font-size:14px;
}
.div_post_about .right,
.div_post_about .left{
	width:45%;
}
.div_post_about i{
	font-size:12px;
	display:block;
	font-style:normal;
	color:#999;
	margin-top:15px;
}
.div_post_about .left i{
	margin-left:40px;
}
.div_post_about .right i{
	margin-right:40px;
}
.div_post_about .left a{
	padding-left:10px;
}
.div_post_about .right a{
	padding-right:10px;
}
.div_post_about .right{
	text-align:right;
}
.div_post_about .left a::before,
.div_post_about .right a::after{
	color:#D4DD89;
	font-size: 56px;
	margin-top: -35px;
	font-family: "Open Sans", Arial, sans-serif;
}
.div_post_about .left a::before {
	content: '«';
	float:left;
}
.div_post_about .right a::after {
	content: '»';
	float:right;
}

.div_aboutus{
	width:410px;
	float:right;
	margin:5px;
}
.div_aboutus .link_quick a{
	color:#ccc;
}
.prev_nav,
.next_nav{
	text-indent:-2000px;
}
.prev_nav a,
.next_nav a{
	display: block;
	background-image: url(images/slider_link.png);
	width: 71px;
	height: 100px;
	text-indent: -9999px;
	position: fixed;
	top: 50%;
	transition: background-position 0.2s;
	-moz-transition: background-position 0.2s;
	-webkit-transition: background-position 0.2s;
	-o-transition: background-position 0.2s;


}
.prev_nav a{
	left: 0;
	background-position:0 0;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;

}
.prev_nav a:hover{
	background-position:0 -109px;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}
.next_nav a{
	right: 0;
	background-position:-80px 0;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
.next_nav a:hover{
	background-position:-80px -109px;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}

.div_acount{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	color:#A5B807;
	margin-top:-120px;
	margin-right:50px;
	text-align:right;
	font-size:48px;
}
.div_acount b{
	display:block;
	color:#999;
	font-size:33px;
}
.div_love{
	width:100px;
	margin:auto;
}
.ad_biger{
	width:auto;
	height:90px;
	overflow:hidden;
	background-position:top center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	margin-bottom:10px;
	box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888;
	-webkit-box-shadow: 5px 5px 5px #888888;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.ad_big{
	width:auto;
	height:90px;
	overflow:hidden;
	background-image:url(images/ad_big.jpg);
	background-position:top center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	margin-bottom:10px;
	
		box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888;
	-webkit-box-shadow: 5px 5px 5px #888888;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.ad_big:hover{
	background-position:bottom center;
}

.div_sidebar .post_tags a{
	display:inline-block;
	*display: inline;
	zoom: 1;
	border-radius: 3px;
	background: #E7E8DA;
	margin: 2px;
	padding: 5px 10px;
}
/*mail*/
.div_mail{
	background: url('images/border.png');
border-radius: 5px;
border: 0px solid #fff;
padding: 5px;
display: table;
margin: 0;
width: auto;
}

.div_mail .inbox{
background:#fff;
padding:20px;
}
.div_mail .rsstxt{
width: 250px !important;
background-color: #FAFAFA;
border: 1px solid gainsboro;
}
.div_mail hr{
	border:0;
	border-bottom: 1px solid #e2e2e2;
	margin:10px 0;
}
.div_mail h5{
	font-size:14px;
	font-weight:normal;
}

.div_weixin{
	margin: 5px 10px 5px 5px;
	width: 160px;
}
.div_weixin img{
	width:129px;
	height:129px;
	margin: 8px 0;
}
.div_big_pic img{
background-color: #E7E8DA;
border: 10px solid #E2E0DF;
}


.div_totop{
margin-top:20px;
position: fixed;  
bottom: 3em;
display: none;
display: none;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.8;
border-radius: 5px;
overflow:hidden;
}
.div_totop a{
display:block;
float:left;
height:50px;
background-image:url(images/to_top.png);
border-radius: 5px;
text-indent:-2000px;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.div_totop a:hover{
background-position-y:bottom;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.div_totop .torand,
.div_totop .totaobao,
.div_totop .tocomments{
width:50px;
}
.div_totop .toindex{
width:70px;
}
.div_totop .totop{
width:100px;
}

.div_totop .toindex{
background-position:0 0;
}
.div_totop .torand{
background-position:-70px 0;
}
.div_totop .totaobao{
background-position:-120px 0;
}
.div_totop .tocomments{
background-position:-170px 0;
}
.div_totop .totop{
background-position:-220px 0;
}
.div_sidebar .sr-bdimgshare{
	display:none !important;
}

/*content=video*/
.comments_video{
	float:left;
	width:65%;
}
.video_center_ad{
	float:right;
	margin:20px 0px 10px 10px;
	padding:10px;
	background:#e7e8da;
	text-align:ceter;
	box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888;
	-webkit-box-shadow: 5px 5px 5px #888888;
}
.content_video_share{
	width:100%;
}
.video_share_ad{
	float:right;
}

.div_content_video{
	margin-right: 330px;
	width:100%;
	min-height:100%;

}

.fp:first-letter {
 	font-size : 280%;
 	font-weight : bold;
 	float : left;
 	margin-right: 3px;
	padding-top: 5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom: 5px;
	color:#A6BA00;
}

/*小说模板主要css*/

.postmax{
	padding: 20px;
	background-color: #E7E8DA;
	border: 1px solid #B7B8B1;   
	box-shadow:-1px 0 0px #DBDDCF,1px 0 0 #DBDDCF,0 1px 0 #DBDDCF,0 -1px 0 #DBDDCF;
	}
.flmax{
	height:100%;
	line-height: 2em;
	font-size: 14px;
	padding: 20px;
	width:auto;
	}
.flmax img {
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.4) 0 2px 4px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 2px 4px;
	box-shadow: rgba(0,0,0,0.4) 0 2px 4px;
	} 
.fl1{
	/*text-align:center;*/	
	}	

.fl2{
	float:left;
	margin:0px;
	width:28%;
	padding:2px 10px 2px 2px;
	}
	
.fl3{
	float:left;
	width:66%;
	padding: 20px;
	height:auto;
	}

.flcontent{	
	
	margin-left:20px;
	float: left;
	width:310px;
	font-size:14px;
	overflow: hidden;
 	line-height: 2em;
 	border-bottom: solid 1px #DDDADA;
	}
	
/*.flcontent li {
	float: left;
	width: 253px;
	padding-left: 15px;
	margin: 0 12px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background: url(images/point.gif) no-repeat left 15px;
	border-bottom: solid 1px #EEE;
	
	}*/
.flpost{
	margin: 10px auto;
	overflow: hidden;
	padding:20px;
	float: left;
	width:auto;
	}
	
.flfg{
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0 2px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0 2px 1px;
	box-shadow: rgba(0,0,0,0.1) 0 2px 1px;
	font-weight:bold;
	font-size:14px;
	float:left;
	padding: 2px;
	width:100%;
	line-height: 2em;
	}
.fl3-1{
	float:left;
	height:50%px;
	padding:0;
	width:100%;
	}
.fl3-2{
	margin:20px 0 20px 0;
	float:left;
	height:auto;
	padding:0;
	width:100%;
	}
.fl3-3{
	margin:20px 0 20px 0;
	float:left;
	height:auto;
	padding:0;
	width:100%;
	}
.fl3-3-1{
	width:20%;
	padding:1em;
	background-color:#f44a56;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 2000ms ease;
	-moz-transition: background-color 2000ms ease;
	-ms-transition: background-color 2000ms ease;
	-o-transition: background-color 2000ms ease;
	transition: background-color 2000ms ease;
	}
.fl3-3-1:hover{
	width:20%;
	padding:1em;
	background-color:#5FA2EB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 2000ms ease;
	-moz-transition: background-color 2000ms ease;
	-ms-transition: background-color 2000ms ease;
	-o-transition: background-color 2000ms ease;
	transition: background-color 2000ms ease;
	}
.fl3-3-1 a{
	font-weight:bold;
	overflow: hidden;
	display: block;
	color: white;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 2000ms ease;
	-moz-transition: background-color 2000ms ease;
	-ms-transition: background-color 2000ms ease;
	-o-transition: background-color 2000ms ease;
	transition: background-color 2000ms ease;
	text-shadow: 2px 2px 2px #000000;
	}
.flshare{
	float:left;
	width:60%;
	padding:0;	
	}
.fltj{
	text-align:center;
	float:right;
	width:40%;
	padding:0;
	}
	
.flfg span{
	margin-left:30px;
	}
.fg-1{
	margin-left:10px;
	background: url(images/fg-1.jpg) no-repeat left center;
	}
.fg-2{
	margin-left:10px;
	background: url(images/fg-2.jpg) no-repeat left center;
	}
.newpost{
	margin: 10px auto;
	overflow: hidden;
	padding:20px;
	float: left;
	width:100%;
	}
.newpost a {
	font-size:22px;
	}
.newpost p {
	font-size:14px;
	text-align:left;
	line-height:2em;
	}
.new1{
	text-align:center;
	padding:0 0 10px 0;
	}
.content-bg{
	background: url(images/2.gif) no-repeat left center;
	}
.content-bg a {
	margin-left:30px;
	}
	
/*小说cssEND*/