@charset "utf-8";
@import url(base.css);/*reset*/
@import url(public.css);
/* -------------- Public End --------------  */
body{/*Default in public*/}

#header{/* Header */}
#main{}

*/
/* Main */
#leftbox{float:left;width:879px;height:478px;margin-top:23px;}
	#paintnav{width:203px;float:left;background-color:#ececec;}
		#paintnav .bar{height:40px; line-height:38px; text-indent:18px;font-size:22px;color:#FFF;background:#cb0211 url(../images/arrow_black.png) no-repeat left top; margin:0 0 1px 0;}
		#paintnav .box{ background-color:#5e5e5e;}
		.paintitem{background-color:#848484;padding:8px; border-bottom:1px solid #979797; overflow:hidden; padding-bottom:7px;}
		.paintitem:hover{background-color:#535353;}
		.paintitem,.paintitem a{color:#FFF;}
		.paintitem dt{font-size:17px;line-height:34px;height:34px;}
		.paintitem dd{float:left;width:90px;line-height:17px;}
	#news{width:500px;margin-left:8px; float:left;}
		
	#collection{width:1000px;margin-top:10px;}
	#collection .bar{height:38px; line-height:38px; background:url(../images/arrow_red.png) no-repeat left top; font-size:22px; text-indent:18px; overflow:hidden;}
	#collection .box{height:440px; overflow:hidden;}
		#COLLbox,#COLLimg{width:1000px;height:440px;}
			.collcell{width:1000px;height:440px;overflow:hidden;}
				.collcell table {width:201px;height:201px; margin:11px 22px 11px 0; border:1px solid #dedede; overflow:hidden;text-align:center;float:left; overflow:hidden;}
				.collcell td{width:201px;height:201px; overflow:hidden;vertical-align:middle;}
				.collcell td img{max-width:201px!important;max-height:201px!important; vertical-align:middle;width:expression(this.width > 201 ? "201px" : this.width)!important;height:expression(this.height > 201 ? "201px" : this.height)!important}
#rightbox{width:278px; padding-bottom:10px;float:right; background:#ececec url(../images/arrow_red.png) no-repeat left top;}
	#curation{height:329px; overflow:hidden;}
		#curation .bar{width:240px;font-size:20px;color:#383838; float:left;}
			#CURATtab{float:right;margin-right:10px;}
				#CURATtab li{float:left;width:8px;height:41px;cursor:pointer;background:url(../images/btn.png) no-repeat center;}
				#CURATtab li.active{background:url(../images/btn_on.png) no-repeat center;}
		#curation .box{width:240px;}
	#CURATbox,#CURATimg,#CURATimg li{width:240px;overflow:hidden;}
		#CURATimg li{float:left;background-color:#FFF;}
			#CURATimg li img{width:229px;height:229px; margin:6px;}
	
	#painter{width:100%;height:377px; background-color:#e1e1e1;}
		#painter .bar,#painter .box{width:230px;}
			#painter .bar{height:68px;line-height:68px;font-size:22px;}
				#leftBtn,#rightBtn{float:right;margin:28px 0 0 10px;width:9px;height:10px; cursor:pointer;}
				#leftBtn{background:url(../images/btn_left.png) no-repeat;}
				#rightBtn{background:url(../images/btn_right.png) no-repeat;}
			#painter .box{}
			#painterBox,#painterList,.painterCell{width:230px;height:288px;overflow:hidden;}
			.painterCell .pic,.painterCell .tit,painterCell .more{float:left;}
				.painterCell .pic,.painterCell .pic img{width:99px;height:99px;}
				.painterCell .tit,.painterCell .more{width:130px; text-indent:28px;}
				.painterCell .tit{height:30px;line-height:30px;font-size:18px;}
				.painterCell .more{height:22px;line-height:22px;}
				.painterCell .text{height:140px;line-height:20px; margin:14px 0; overflow-y:scroll;}
				.painterCell .view{width:65px;height:20px; margin:0; line-height:20px;text-align:center; background-color:#848484;}
				.painterCell .view a{color:#FFF;}
	#contact{width:234px;}
	#contact .bar{height:40px;line-height:40px; font-size:22px; margin-top:14px;}
	#contact .box{height:226px; overflow:hidden;}
/* end Main */

/* 本例子css */
	.focusBox { position: relative; width: 500px; height: 340px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
	.focusBox ul{padding:0px;margin:0px; }
	.focusBox ul.pic{ width:100%; }
	.focusBox .pic img { width: 500px; height: 340px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }



#leftbox{ width:720px; float:left}



/*搜索框样式*/
.demo_search {
    display:inline-block;
    position:relative;
    height:27px;
	float:right;
	margin:7px;
}
 
.demo_search:hover {
    -webkit-box-shadow:0 0 3px #999;
    -moz-box-shadow:0 0 3px #999
}
 
.demo_search .demo_sinput {
    float:left;
    width:130px;
	height:19px;
	height:27px;
    line-height:27px;
    border:#A7A7A7 1px solid;
    background:white;
    color:#888;
    font-size:12px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    outline: none;
}
 
.demo_search .demo_sinput:focus {
    width:150px;
}
 
.demo_search .demo_sbtn {
    cursor:pointer;
    height:27px;
    font-size:12px;
    float:left;
    width:50px;
    margin-left:-1px;
    background:#eee;
    display:inline-block;
    padding:0 12px;
    vertical-align:middle;
    border:#A7A7A7 1px solid;
    color:#666;
}

.demo_search select{ float:left; height:27px; width:80px; border-left:none;}
 
.demo_search .demo_sbtn:hover {
    background:#ddd;
}


.news{ width:1000px; margin:0px auto; clear:both}

.boxx { float: left; display: inline; width: 324px; height: 240px; margin-right:10px; margin-top:10px;border: 1px solid #CCC; overflow: hidden; background:#fff; text-align:left; font-size: 14px;}
.mrnone{ margin-right:0px;}
		.boxx .title { height: 32px; line-height: 32px; background: #DDD;}
		.boxx .title h4 { float: left; display: inline; padding: 0 10px; font-weight: 700;}
		.boxx .title span { float: right; margin: 0 10px; font-size: 12px;}
		.boxx .boxcon { padding: 9px;}
		.boxx .boxcon ul{ width:100%; padding:0px; margin:0px;}
		
ul.ut_12 li {
  line-height:30px;
  height: 30px;
  text-align:left;
  width:100%;
}
ul.ut_12 li span, ul.ut_14 li span {
  font-family: "SimSun";
 
}