*{transition:all 0.3s;}

/*博客标题Logo*/
#Header1_HeaderTitle span{
  animation: blogname 2s ease-in-out infinite;
  -o-animation: blogname 2s ease-in-out infinite;
  -ms-animation: blogname 2s ease-in-out infinite;
  -moz-animation: blogname 2s ease-in-out infinite;
  -webkit-animation: blogname 2s ease-in-out infinite;
}

/*全局导航条*/
ul#navList li{border:1px solid #333; margin:0px; width:100px; height:48px; border-radius:10px; overflow:hidden;}
ul#navList li a{padding-top:16px; width:100%; height:100%; color:#333; background-color:#FFF;}
ul#navList li a:hover{color:#FFF; background-color:#333;}

@media screen and (max-width: 900px) { 
#navigator{display:none;} 
#main{margin-top:-20px;}
} 



/*博客页面容器*/
#home{
  box-shadow: 0px 0px 60px #666;
}

/*博客列表项图片Logo*/
#mainContent .c_b_p_desc img,
.day .desc_img{
  width:250px; height:150px; 
  border:1px solid #CCC;
  border-radius:15px;
}

/*右侧头像*/
#photo-master{display: block; overflow: hidden; width: 100%; border-radius: 10px; position: relative; background-color: #000;}
#photo-master img{
	width: 100%; opacity: 0.7;
	transform: scale(1.3) translate(3px,0px);
	-o-transform: scale(1.3) translate(3px,0px);
	-ms-transform: scale(1.3) translate(3px,0px);
	-moz-transform: scale(1.3) translate(3px,0px);
	-webkit-transform: scale(1.3) translate(3px,0px);
}
#photo-master .option .desc p.name{
	transform: translate(-100%,0px);
	-o-transform: translate(-100%,0px);
	-ms-transform: translate(-100%,0px);
	-moz-transform: translate(-100%,0px);
	-webkit-transform: translate(-100%,0px);
}
#photo-master .option{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 999;}
#photo-master .option .x,
#photo-master .option .y{border-color: #FFF; position: absolute; border-style: solid;}
#photo-master .option .x{
	border-width: 2px 0px; width: 88%; height: 80%; left: 6%; top: 10%; 
	transform: rotateZ(-360deg) scale(0); 
	-o-transform: rotateZ(-360deg) scale(0); 
	-ms-transform: rotateZ(-360deg) scale(0); 
	-moz-transform: rotateZ(-360deg) scale(0); 
	-webkit-transform: rotateZ(-360deg) scale(0);
}
#photo-master .option .y{
	border-width: 0px 2px; width: 80%; height: 88%; left: 10%; top: 6%; 
	transform: rotateZ(360deg) scale(0); 
	-o-transform: rotateZ(360deg) scale(0); 
	-ms-transform: rotateZ(360deg) scale(0); 
	-moz-transform: rotateZ(360deg) scale(0); 
	-webkit-transform: rotateZ(360deg) scale(0);
}
#photo-master .option .desc{position: absolute; width: 70%; height: 70%; top: 15%; left: 15%; overflow: hidden;}
#photo-master .option .desc p{background-color: rgba(0,0,0,0.6); color: #FFF; padding: 3px 10px; margin: 5px 0px; transition-duration: 0.5s; font-size: 12px;}

#photo-master .option .desc p.qq{
	transform: rotateY(-270deg);
	-o-transform: rotateY(-270deg);
	-ms-transform: rotateY(-270deg);
	-moz-transform: rotateY(-270deg);
	-webkit-transform: rotateY(-270deg);
}
#photo-master .option .desc p.job{
	transform: skewX(-90deg);
	-o-transform: skewX(-90deg);
	-ms-transform: skewX(-90deg);
	-moz-transform: skewX(-90deg);
	-webkit-transform: skewX(-90deg);
}
#photo-master .option .desc p.qqun{
	transform: rotateY(270deg);
	-o-transform: rotateY(270deg);
	-ms-transform: rotateY(270deg);
	-moz-transform: rotateY(270deg);
	-webkit-transform: rotateY(270deg);
}
#photo-master .option .desc p.site{
	transform: translate(100%,0px);
	-o-transform: translate(100%,0px);
	-ms-transform: translate(100%,0px);
	-moz-transform: translate(100%,0px);
	-webkit-transform: translate(100%,0px);
}
#photo-master .option .desc p.qm{
	transform: translate(0px,300%);
	-o-transform: translate(0px,300%);
	-ms-transform: translate(0px,300%);
	-moz-transform: translate(0px,300%);
	-webkit-transform: translate(0px,300%);
}
#photo-master:hover img{
	opacity: 0.9;
	transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
#photo-master:hover .option .x{
	transform: rotateZ(-360deg) scale(1);
	-o-transform: rotateZ(-360deg) scale(1);
	-ms-transform: rotateZ(-360deg) scale(1);
	-moz-transform: rotateZ(-360deg) scale(1);
	-webkit-transform: rotateZ(-360deg) scale(1);
}
#photo-master:hover .option .y{
	transform: rotateZ(0deg) scale(1);
	-o-transform: rotateZ(0deg) scale(1);
	-ms-transform: rotateZ(0deg) scale(1);
	-moz-transform: rotateZ(0deg) scale(1);
	-webkit-transform: rotateZ(0deg) scale(1);
}
#photo-master:hover .option .desc p.name{
	transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
}
#photo-master:hover .option .desc p.qq{
	transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
#photo-master:hover .option .desc p.job{
	transform: skewX(0deg);
	-o-transform: skewX(0deg);
	-ms-transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
}
#photo-master:hover .option .desc p.qqun{
	transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
#photo-master:hover .option .desc p.site{
	transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
}
#photo-master:hover .option .desc p.qm{
	transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
}

/*博客正文*/
#cnblogs_post_body blockquote{border-radius:5px; box-shadow:0px 0px 3px inset; border-left:10px solid #333;}
#cnblogs_post_body cnblogs_code{border-radius:10px; border:1px solid #CCC;}
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6{background-color: #333; color: #FFF;}
#cnblogs_post_body h1{padding:20px; border-radius: 10px;}
#cnblogs_post_body h2{padding:16px 20px; border-radius:8px;}
#cnblogs_post_body h3{padding:12px 20px; border-radius:6px;}
#cnblogs_post_body h4{padding:8px 20px; border-radius:4px;}
#cnblogs_post_body li h1,
#cnblogs_post_body li h2,
#cnblogs_post_body li h3,
#cnblogs_post_body li h4,
#cnblogs_post_body li h5,
#cnblogs_post_body li h6{background-color:#FFF; color:#000;}

#cnblogs_post_body{font-size:12px;}

/*博客正文代码容器块*/
#cnblogs_post_body .cnblogs_code{border-radius:5px; box-shadow:0px 0px 10px #BBB inset;}

/*博文页右下角推荐按钮*/
#div_digg{
  position:fixed; bottom:10px; right:10px; border:1px solid #CCC; background-color:#FFF; padding:10px;
  border-radius:8px;
  -o-border-radius:8px;
  -ms-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

#qianming{font-size:10px; text-align:center;}

/*广告*/
#site_nav_under,#opt_under_post,#google_ad_c1,#under_post_news,#google_ad_c2,#under_post_kb,#google_ad_c3,#HistoryToday{display:none;}

@keyframes blogname{
	0%{transform: scale(1) translate(0px,0px); text-shadow:0px 0px 1px #333;}
	50%{transform: scale(1.01) translate(0px,-10px) scale(1.05); text-shadow:2px 2px 5px #333;}
	100%{transform: scale(1) translate(0px,0px); text-shadow:0px 0px 1px #333;}
}