@charset "UTF-8";
/* CSS Document */

/* 一覃@======================================================================================================== */
#index_list{
}

#index_list li{
	display: block;
	float: none;
	clear: both;
	margin: 20px 0 0;
}

#index_list li .photo{
	margin-bottom:15px;
	text-align: center;
	float: left;
	height: 180px;
	width: 240px;
	overflow: hidden;
	border: solid 1px #CCC;
}

#index_list li .imagesize {
	width:240px;
	height:180px;
}

#index_list li .photo a:hover img{
	opacity: 0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);
}

#index_list li .text{
	text-align: left;
	float: right;
	width: 460px;
	margin-bottom:15px;
}

#index_list li h4{
	font-size: 14px;
	line-height: 1.8em!important;
	font-weight: bold;
}

#index_list li em{
	font-size: 16px;
	line-height: 1.8em!important;
	color: #0A4091;
	font-weight: bold;
	font-style: normal;
}

#index_list li p{
}

#index_list li .more_btn{
	text-align: right;
}

#index_list li .more_btn a{
	display: block;
	margin: 0 0 0 auto;
	height: 20px;
	width: 60px;
	background-color: #111;
}

#index_list li .more_btn a:hover{
	background-color: #0A4091;
}











/* 詃E紁[======================================================================================================== */
#detail .top{
	margin: 0 0 20px;
}

#detail .top em{
	font-size: 16px;
	line-height: 1.8em!important;
	color: #0A4091;
	font-weight: bold;
	font-style: normal;
}

#detail .top p{
	font-size: 14px;
	line-height: 1.8em!important;
}

#detail #gallery{
}

#detail #main_photo{
	/*width: 640px;*/
	height: 480px;
	overflow: hidden;
	margin:0 auto 10px;
}

#detail #main_photo .cycle-slide{
	/*width: 640px;*/
	text-align: center;
}

#detail #thumbnail{
	margin: 0 0 30px;
}

#detail #cycle-2{
	width: 600px !important;
	float: left;
}

#detail #cycle-2 div{
	float: left;
	margin: 0 0 0 5px;
}

#detail #cycle-2 img{
	border: 2px solid #DDD;
}

#detail #cycle-2 .cycle-slide-active img{
	border: 2px solid #242415;
}

#detail .pager{
	height: 83px;
	width: 60px;
	display: block;
	overflow: hidden;
	margin: 2px 0 0;
}

#detail .pager#cycle-prev{ float: left; }
#detail .pager#cycle-next{ float: right; }

#detail .pager a{
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 83px;
	width: 60px;
	background-color: #0A4291;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#detail .pager#cycle-prev a{
	background-image: url(../images/sys/slide_arrow_prev.png);
}
#detail .pager#cycle-next a{
	background-image: url(../images/sys/slide_arrow_next.png);
}

#detail .pager a:hover{
	background-color: #505043;
}
	
#detail .pager#cycle-prev a:hover{ background-position: 10px center; }
#detail .pager#cycle-next a:hover{ background-position: 35px center; }

#detail .pager a span{
	display: block;
	padding: 83px 0 0;
}

#detail .box{
	display: block;
	float: none;
	clear: both;
	margin: 20px 0 0;
}

#detail .box em{
	font-size: 16px;
	line-height: 1.8em!important;
	color: #0A4091;
	font-weight: bold;
	font-style: normal;
}

#detail .box .photo{
	text-align: center;
}

#detail .box .right{
	float: right;
}

#detail .box .left{
	float: left;
}

#detail .box .right img{
	margin: 0 0 0 10px;
}

#detail .box .left img{
	margin: 0 10px 0 0;
}

#detail .box p{
	font-size: 14px;
	line-height: 1.8em!important;
}

