/* CSS Document */

a {
	color:#333;
	text-decoration:none;
}
a:hover, a:active{
	color:#91DCFF;
	text-decoration: underline;
}

/* container */
#container{width:960px;margin:70px auto;}
#container ul{width:300px;list-style:none;float:left;margin-right:20px;}
#container ul li{margin-bottom:15px;}
#container ul li .img{width:280px;}
#container ul li a:hover img{opacity:0.75; filter:alpha(opacity=75);}

.pop_ctrl{width:24px; margin-top:-15px}
.demo_li{margin-left:2px;}

.grid{
	width:280px;
	padding: 15px;
	background:#fff;
	margin:8px;
	font-size:12px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.grid p {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:14px;
	font-family:"微软雅黑", "宋体", Arial;
}

.totop a{
		background:url(../img/totop.png) no-repeat 0 0;
		width:80px;
		height:80px;
		color:#fff;
		line-height:80px;
		text-align:center;
		position:fixed;
		right:30px;
		bottom:50px;
	}
.totop a:hover{
		background:url(../img/totop.png) no-repeat 0 -80px;
		width:80px;
		height:80px;
		color:#fff;
		line-height:80px;
		text-align:center;
		position:fixed;
		right:30px;
		bottom:50px;
	}