*{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:100%;}
em,strong{font-weight:bold;font-style:normal;}
body,textarea,select,input{font-family:Microsoft YaHei,\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53;font-size:12px;color:#444;}
a{text-decoration:none;color:#888;}
a:hover{text-decoration:none;color:#7594B3;}

.clear:after{clear:both; display:block; visibility:hidden; height:0; overflow:hidden; content:".";}
.clear{zoom:1;}

.arr,.arr span,.page a{background:url(images/abg.png) no-repeat 999px 999px;}
.img{background:url(images/imgbg.png) no-repeat 999px 999px;}

.list li,.block{box-shadow:0 2px 3px -2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 3px -2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 3px -2px rgba(0,0,0,0.3); -o-box-shadow:0 2px 3px -2px rgba(0,0,0,0.3); *border:1px solid #ededed; *border-width:0 1px 1px; *border-bottom-color:#e0e0e0;}
.list li:hover{box-shadow:0 2px 3px -2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 3px -2px rgba(0,0,0,0.6);-moz-box-shadow:0 2px 3px -2px rgba(0,0,0,0.6);-o-box-shadow:0 2px 3px -2px rgba(0,0,0,0.6);}

/*-------------------*/
/* 背景色和背景图 */
body{xbackground-image:url(images/bg.png); background:#D0D0D0;background-repeat:repeat;}
/* 侧栏：文字色和分割线颜色 */
.b1{border-color:#96999D;}
.c1,.c1 a{color:#96999D;}
/* 侧栏：文字色hover色 */
a.c1:hover,.c1 a:hover{color:#000;}
/* 侧栏：博客名称色和hover色 */
.c2,a.c2:hover{color:#444;}

/*--------*/
.mt-10{margin-top:10px;}
.line{height:1px; overflow:hidden; background:#ccc; clear:both; margin:5px auto;}
/*-------------*/
.header{height:55px; line-height:55px; width:100%; z-index:120; background:url(images/pic_repeat_x.png) repeat-x; clear:both; position:fixed; top:0; left:0;}
.header .top{width:990px; height:55px; margin:0 auto;}
.top #logo{width:260px; height:44px; background:url(images/logo.gif) no-repeat; float:left;}
.top .nav{float:left; padding-left:30px; height:55px; line-height:55px;}
.top .nav ul li{float:left;}
.top .nav ul li a{font-size:16px; font-family:"微软雅黑"; font-weight:bold; text-decoration:none; color:#666;}
/*------------------------------*/
/*----------用户登录-----------------*/
.top #login{float:right; height:55px; width:120px;}
#login ul li a{ text-align:center;}
#login span{float:left; font-size:16px;margin-left: 15px;}
#login .submit{ text-align:center; height:200px}
#login label{float:left; width:50px; text-align:right; padding-right:5px;}
#login ul li ul{width:180px; height:250px; display:none; position:absolute; top:53px;}
#login ul li:hover ul{width:230px; height:150px; background:#fff; display:block;}
#login ul li ul li{height:25px; line-height:25px; clear:both;}
#login .btn-1{width:80px; height:25px; line-height:25px; margin-left:5px;}
/*.side{position:fixed !important;_position:absolute;top:0;left:0;width:136px;padding:30px 30px 0;line-height:1.5;text-shadow:1px 1px 0 rgba(255,255,255,0.5);-webkit-text-shadow:1px 1px 0 rgba(255,255,255,0.5);-moz-text-shadow:1px 1px 0 rgba(255,255,255,0.5);-o-text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.sbox{width:100%;overflow:hidden;}
.face{margin:0 0 20px;}
.face img{display:block;box-shadow:1px 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:1px 1px 0 rgba(255,255,255,0.5);-moz-box-shadow:1px 1px 0 rgba(255,255,255,0.5);-o-box-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.name{margin:0 0 8px;font-size:18px;}
.info,.name{word-wrap:break-word;word-break:break-all;}
.line{width:24px;height:0;overflow:hidden;margin:20px 0;border-style:solid;border-width:1px 0 0;opacity:0.4;filter:alpha(opacity=40);}
.nav li,.nav li a{float:left;width:100%;line-height:21px;}
.search{width:112px;padding:6px 10px;border-style:solid;border-width:1px;background:#fff;opacity:0.4;filter:alpha(opacity=40);}
.copy{margin:20px 0 0;}
*/
.body{width:990px; margin:0px auto; padding-top:10px;}
.body .left{width:630px; height:auto; float:left; padding:10px; background:#fff;}
.left h2{height:35px; line-height:35px; text-align:center; font-size:20px;}
.left .ainfo{height:22px; line-height:22px; text-align:center;}
.ainfo span{padding-left:15px;}
.left .content{line-height:2em;}
.left .content p{text-indent:4em;}
.left .content img{margin-top:10px;}
.left .smallinfo{height:80px; margin-top:35px; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.left .decmt-box2{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
.decmt-box2 .plpic{width:80px; height:80px; float:left;}
.decmt-box2 .plpic img{width:80px; height:80px;}
.tbox dt{height:30px; line-height:30px; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.decmt-box2 span.title a{padding-left:8px;}
/*----------*/

.right {width:330px; height:auto; float:right;}
.right .jbox{width:330px; min-height:330px; height:auto; margin-bottom:10px; background:#fff;}
.right h2{height:45px; line-height:45px; border-bottom:1px dotted #ccc;}
.right h2 span{padding-left:10px; font-size:16px; font-weight:normal;}
.jbox ul{marign:0; padding:5px; list-style:none;}
.jbox ul li{width:80px; height:80px; float:left;}
.jbox ul li img{width:76px; height:76px; margin:2px;}

.list{overflow:hidden; zoom:1; width:740px;}
.list ul{margin:-21px 0 0 -21px;padding:1px 2px 3px;position:relative;}
.list li,.link{float:left;width:230px;overflow:hidden;}
.list .post{width:230px; margin:21px 0 0 21px; float:left; display:block; position:relative;}

.list li span.sc{width:76px; height:27px; display:none;  position:absolute; left:10px; top:10px; z-index:100; color:#333; text-align:center;}
.list li:hover span.sc{width:76px; height:27px; display:block;  position:absolute; left:10px; top:10px; z-index:100;}
.list span.sc a{width:76px; height:27px; line-height:27px; display:block; background:url(images/pic_ilike.png) left -140px; color:#333;} 
.list span.sc a:hover{width:76px; height:27px; display:block;  position:absolute; background:url(images/pic_ilike.png) left -167px; color:#333;}

.list li:hover span.view{}

p.info{height:20px; line-height:20px; padding-top:5px; margin-top:8px; border-top:1px dotted #ccc; clear:both;}
p.info a.view{width:35px; height:18px; line-height:18px; background:url(images/pic_ilike.png) left -1230px; padding-left:15px; float:left;}
p.info a.good{width:35px; height:18px; line-height:18px; background:url(images/pic_ilike.png) left -523px; padding-left:15px; float:left;}


.link{position:relative;display:block;background:#fff;cursor:pointer;}
.img{display:block;position:relative;width:100%;height:auto;overflow:hidden;cursor:pointer;}
.img img{display:block;width:100%;}
.arr{position:absolute;top:0;left:0;width:100%;height:100%;background-position:999px 999px;}
.arr span{position:absolute;right:18px;bottom:0;width:16px;height:8px;overflow:hidden;background-position:0 0;cursor:pointer;}
.text{display:block;width:200px;overflow:hidden;margin:15px auto 10px;line-height:21px;color:#aaa;cursor:pointer;word-wrap:break-word;word-break:break-all;}
.text strong,.text em{display:block;font-weight:normal;}
.text em img{width:115%;}
.text strong{margin:0 0 4px;color:#606060;}
.link:hover .text strong{color:#333;}
.link:hover .text em{color:#999}


.page{margin:20px 0;}
.pages{float:right;}
.page a{float:left; width:21px; height:21px; margin-right:5px; overflow:hidden; text-indent:-2000px;}
.page .prv{background-position:-27px 0;}
.page .nxt{background-position:-79px 0;}
.page .back{background-position:-53px 0;}
.side2 .pages{float:left;}



/*---------go to top----------*/
#goTopBtn {
	position: fixed; text-align: center; line-height: 45px; width: 80px; bottom:35px; right:10px; height: 45px; font-size: 12px; cursor: pointer; _position: absolute; _right: auto; border:1px solid #666; background-color:#FFF;
}

/*-----------add---------------*/
.body_left{ 
	float:left; width:225px; 
	margin-right:20px;
	background: none repeat scroll 0 0 #EFEFEF;
    color: #404040;
    font-size: 11px;
    margin-left: 5px;
    padding: 7px 0 12px;
    position: relative;
    z-index: 60;
}

.body_left .category_listing span {
    background: url("/statics/images/grey_bullet.gif") no-repeat scroll 0 14px transparent;
    color: #909090;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 2px 0 2px 8px;
    width: 133px;
    word-wrap: break-word;
}
.body_left p{color: #585858;
    display: block;
    font-size: 13px;
    padding: 2px 0;}
.body_left div{ 
	font-size: 12px;
    margin-left: 15%;
    width: 100%;
	}
.body_left ul{ float:left; width:100%; overflow:hidden;}
.body_left ul li{ width:100%; line-height:30px; text-indent:10px; background:#E3E3E3; margin-bottom:5px;}

.dede_pages{ width:100%; text-align:center;}
.dede_pages ul { margin:auto; padding:20px 0px;}
.dede_pages ul  li { float:left;BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none}
.dede_pages ul  A:hover { color:#F00}
.dede_pages ul  A:active { color:#00F}
.dede_pages .thisclass{ background-color:#9FC}

/*--------------detail------------------*/
.left .content .bodyimg{text-align: center;}
.left .content .bodyimg img{ width:90%; height:auto;}
.left .content .introduction{ width:90%; margin-left:5%; margin-top:10px}
.left .content .desother span{ font-weight:bold; padding-right:5px;}
.left .content .download{ text-align:center}


/*-------------------------------*/
.item {
	width: 220px;
	margin: 10px;
	float: left;
	-moz-transition: left 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s;
	background-color: #FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 15px 15px 0;
}
.item a{
	position: relative;
	background-color: #FFFFFF;
    display: block;
}
a.img {
    background-color: #FFFFFF;
    display: block;
}
a.img:active {
    background-color: #221919;
}
a.img img {
    display: block;
    margin: 0 auto;
}
a.img:hover img, a.img:active img {
    opacity: 0.9;
}

.pin .description {
    display: block;
    line-height: 1.35em;
    margin: 10px 0 5px;
    overflow: hidden;
    word-wrap: break-word;
}
.convo:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.attribution {
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 1px solid #F5F2F2;
    color: #999999;
    position: relative;
}
.convo {
    background: none repeat scroll 0 0 #FAFAFA;
    margin: 0 -15px;
    padding: 10px 15px;
}
.clearfix {
}