
.int_container .column_tt{
	width: 50px;
	height: 350px;
}
.int_container .column_tt a{margin-top:230px; ;}
.int_container .column_tt h2{height: 103px;background: url(img/icons1.fw.png) no-repeat -505px -9px;}

.int_right .column_tt a{margin-top: 125px}
.int_right .column_tt h2{height: 208px;background: url(img/icons1.fw.png) no-repeat -55px -132px;}



/*外边的盒子啊啊啊啊*/
.outbox_pic{
	width: 1200px;
	height: 740px;
	margin:0 auto;
	margin-top: 50px;
}

.outbox_pic a:hover span{
	text-decoration: underline;
}
/*标题的盒子啊啊啊*/
.pic_title{
    width: 300px;
    height: 120px;
    background: url(./img/icons2.fw.png) no-repeat -300px 0px;
    margin: 0 auto;
}
/*装图片的盒子啊啊啊啊啊啊*/
.pic_container{
    width: 1200px;
    height: 560px;
    margin-top: 45px;
    clear: both;
}
.imgbox{
	width: inherit;
	height: inherit;
	overflow: hidden;
	position: relative;
}
/*鼠标移入时的一些小动画啊啊啊啊啊*/
.pic_container span{font-size: 18px;}
.pic_container .imgbox:hover span{
	height: 27px;

}

.pic_container .imgbox:hover img{
	transform: scale(1.02);
	transition: all 0.5s;
}

/*左边图片*/
.pic_left{
	width: 350px;
	height: 560px;
	float: left;
	display: block;
	overflow: hidden;
	transition: all 0.5s;	
}
.pic_left img{
	width: 350px;
	height: 560px;
	display: block;
	overflow: hidden;
	transition: all 0.5s;	
}
.pic_container .pic_left span{
    display: block;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  
    color: #fff;
    width: 310px;
    height: 25px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    line-height: 30px;
	transition: all 0.5s;
	clear: both;
}
/*中间图片*/
.pic_center{
	width: 350px;
	height: 560px;
	margin:0 15px;
	float: left;
}
.pic_container .pic_center span{
    display: block;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  
    color: #fff;
    width: 310px;
    height: 25px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    line-height: 30px;
	transition: all 0.5s;
	clear: both;
}
.pic_cen_top{
	width: 350px;
	height: 270px;
	margin-bottom: 20px;
	clear: both;
}
.pic_cen_top img{
	width: 350px;
	height: 270px;
	display: block;
	overflow: hidden;
	transition: all 0.5s;			
}
.pic_cen_bottom{
	width: 350px;
	height: 270px;
	clear: both;
}
.pic_cen_bottom img{
	width: 350px;
	height: 270px;
	display: block;
	overflow: hidden;
	transition: all 0.5s;			
}
/*右边图片*/
.pic_right{
	width: 470px;
	height: 560px;
	float: left;
}
.pic_rig_top{
	width: 470px;
	height: 390px;
	margin-bottom: 20px;
	clear: both;
}
.pic_rig_top img{
	width: 470px;
	height: 390px;
	display: block;
	overflow: hidden;
	transition: all 0.5s;			
}
.pic_rig_bottom{
	width: 470px;
	height: 150px;
	clear: both;
}
.pic_rig_bottom img{
	width: 470px;
	height: 150px;
	display: block;
	overflow: hidden;
	transition: all 0.5s;			
}
.pic_container .pic_right span{
    display: block;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  
    color: #fff;
    width: 430px;
    height: 25px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    line-height: 30px;
	transition: all 0.5s;
}

/*下面是互动啊啊啊啊啊*/
.outbox_interaction{
	width: 1200px;
	height: 350px;
	margin:0 auto;
	
}


/*标题的盒子啊啊啊*/

.int_title{
    width: 400px;
    height: 120px;
    background: url(./img/icons2.fw.png) no-repeat 0px -222px;
    margin: 0 auto;
}


/*内容盒子*/
.int_container{
    width: 1200px;
    height: 350px;
    margin-top: 45px;
}

.int_left{
	width: 720px;
    height: 350px;
    float: left;
}


.int_left ul li h4 {
	font-size: 16px;
	text-align: left;
	height: 20px;
    margin-left: 20px;
    color: #333;
    float: left;
    width: 400px;
    overflow: hidden;
}


.int_left ul li p {
	float: left;
	width: 420px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	font-size: 14px;
	color: #7d7d7d;
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
    color: #7d7d7d;
}


.picScroll-top{ 
	background: #eeeeee;
	margin:0 auto;  
	width:650px;  
	overflow:hidden; 
	position:relative; 

/*	border:1px solid #ccc;  */ 
}

.picScroll-top .hd{ 
    position: relative;
}

.picScroll-top .hd .prev{ 
    display: block;
    z-index: 999;
    right: 0;
    width: 40px;
    height: 20px;
    /* float: right; */
    background: red;
    position: absolute;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url(./img/icons1.fw.png) no-repeat -576px -467px;
}

.picScroll-top .hd .next{ 
    display: block;
    z-index: 999;
    right: 0;
    bottom: -340px;
    width: 40px;
    height: 20px;
    /* float: right; */
    background: red;
    position: absolute;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url(./img/icons1.fw.png) no-repeat -576px -484px;
}

.picScroll-top .hd ul{ 
	float:right; 
	overflow:hidden; 
	zoom:1; 
	margin-top:10px; 
	zoom:1; 
}

.picScroll-top .hd ul li{ 
	float:left;  
	width:9px; 
	height:9px;
	overflow:hidden;
	 margin-right:5px; 
	 text-indent:-999px; 
	 cursor:pointer; 
	 background:url("../images/icoCircle.gif") 0 -9px no-repeat; 
	}

.picScroll-top .hd ul li.on{
 background-position:0 0; 
}

.picScroll-top .pic a:hover span{
	color:red;
	transition: all 0.5s;
}

.picScroll-top .pic a:hover h4{
	text-decoration: underline;
}


.picScroll-top .bd{ 
	padding:10px;   
}

.picScroll-top .bd ul{
 overflow:hidden; 
 zoom:1; 

}

.picScroll-top .bd ul li{
 text-align:center;
  zoom:1;
  clear: both; 
  height: 110px;
  width: 560px;
}

.picScroll-top .bd ul li .pic{     
	text-align: center;
    height: 98px;
    margin-top: 5px;
  border-bottom: 1px dashed #333;
  width: 560px;
}

.picScroll-top .bd ul li .pic img{ 	
	width: 108px;	
	height: 75px; 
	display:block; 
	 padding:2px;  
	 float: left;}
.picScroll-top .bd ul li .pic a:hover img{ 
	border-color:#999;  
}

.int_right{
	width: 440px;
	float: right;
	height: 350px;
	/*background: yellow*/
}
.int_right_container{
	width: 370px;
}

.int_right_container ul li{	
    height: 65px;
    margin-bottom: 30px;
}

.int_right_container ul li a img{
	display: block;
	width: 60px;
	height: 55px;
	border:none;
	overflow: hidden;
	float: left;
}

.int_right_container ul li a p {
    float: left;
    width: 300px;
    font-size: 14px;
    padding-left: 10px;
    color: #333;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.int_right_container ul li a:hover p{
	text-decoration: underline;
}

.int_right_container ul li a .date{
	float: left;
	width: 300px;
	font-size: 12px;
	padding-left: 10px;
	color: #7d7d7d;
}
