@CHARSET "UTF-8";

/* 公共模块 */
.region-front-common{
	padding: 5px 0 0 5px;
	background-color: #333;
	height:104px;
	overflow:hidden;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.3s;
	-moz-transition-property:height;
	-moz-transition-duration:0.3s;
	-ms-transition-property:height;
	-ms-transition-duration:0.3s;
	-o-transition-property:height;
	-o-transition-duration:0.3s;
	transition-property:height;
	transition-duration:0.3s;
	position:relative;
}
.region-front-common.sy-expand{
	height:312px;
}

	.region-front-common .block{
		float: left;
	}
	
	.lt-ie8 .region-front-common .block{
		margin-bottom:4px;
	}

	.region-front-common h2.block__title{
		font-size: 16px;
		padding-left: 10px;
		padding-top: 10px;
		color: #fff;
	}

	.region-front-common .block-cio-msg-mall h2.block__title{
		position: absolute;
		left: 0;
		top:0;
		z-index:3;
		padding-top: 0;
	}

	.region-front-common .tile{
		float: left;		
		margin-right: 4px;
		margin-bottom: 4px;
		height: 100px;
		cursor: pointer;
	}

	.region-front-common .tile:hover{
		outline: 3px solid rgba(255,255,255,1);
	}

	.region-front-common .tile:active{
		outline: 3px solid rgba(255,255,255,0.7);
	}

	.region-front-common .tile ul,
	.region-front-common .tile li{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	

	.region-front-common .tile li{
		color: #fff;
	}

	.region-front-common .onexone{	
		width: 104px;
	}

	.region-front-common .twoxone{	
		width: 212px;
	}
	
	.region-front-common .threexone{	
		width: 320px;
	}

	.region-front-common .threextwo{	
		width: 320px;
		height: 204px;
	}

	.region-front-common .last .tile{
		margin-right: 0;
	}

.hb_bulletin{
	background: #b41e10;
}

.hb_activities{
	background: #b41e10;
}

.hsk{
	background: #7aba88 url(../images/hsk.png) no-repeat;	
}

.scholarship{
	background: #7aa7be url(../images/scholarship.png) no-repeat;
}

.block-cio-msg-mall{
	position: relative;
}

.scholarship span,
.hsk span{
	display: none;
}


	.region-front-common .jcarousel-container-vertical {
		height: 40px;
		padding: 5px 10px;
	}

	.region-front-common .twoxone .jcarousel-container-vertical{
		width: 190px;
	}

	.region-front-common .threexone .jcarousel-container-vertical{
		width: 300px;
	}

	.region-front-common .threextwo .jcarousel-container-vertical{
		width: 300px;
		height: 120px;
	}

	.region-front-common .jcarousel-clip-vertical {
		width: 100%;
		height: 40px;
		overflow: hidden;
	}

	.region-front-common .threextwo .jcarousel-clip-vertical{
		height: 120px;
	}

	.region-front-common .jcarousel-list-vertical{
		height: 40px;
		width: 100%;
	}

	.region-front-common .threextwo .jcarousel-list-vertical{
		height: 120px;
	}

	.region-front-common .jcarousel-item{
		height: 40px;
		line-height: 20px;
		overflow: hidden;
		clear: both;
	}

	.block-cio-msg-mall .item-list{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	.region-front-common .jcarousel-container-horizontal {
		width: 100%;
		height: 100px;
	}

	.region-front-common .jcarousel-clip-horizontal {
		width: 100%;
		height: 100px;
		overflow: hidden;
	}

	.region-front-common .jcarousel-list-horizontal{
		width: 212px;
		height: 100px;
	}

	.region-front-common .twoxone .jcarousel-container-horizontal .jcarousel-item{
		width: 212px;
		height: 100px;
		line-height: 20px;
		overflow: hidden;
		clear: none;
		position: relative;
	}

	.block-cio-msg-mall .item-list img.thumb{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	.block-cio-msg-mall .item-list .title{
		position: absolute;
		left: 0;
		bottom:0;
		width: 100%;
		height: 20px;
		background: rgba(0,0,0,0.7);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000,endColorstr=#dd000000);
		color: #fff;
	}

	.block-cio-msg-mall .item-list .title p{
		line-height: 20px;
		padding: 0 8px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		white-space: nowrap;
	}


.tile-blue{
	background-color: #3693f3;
}
.tile-green{
	background-color: #689f1d;
}
.tile-orange{
	background-color: #e99501;
}
.tile-grey{
	background-color: #3e3e3e;
}
.tile-red{
	background-color: #ca3634;
}
.tile-brick{
	background-color: #e06009;
}
.tile-lbrown{
	background-color: #aa864a;
}
.tile-dblue{
	background-color: #4a6fc0;
}
.tile-gblue{
	background-color: #7aa7be;
}
.tile-ggreen{
	background-color: #7aba88;
}
.tile-purple{
	background-color: #b23474;
}


	
.arrow-icon{
	display: block;
	width: 25px;
	height: 25px;
	margin: 38px auto;
	background: transparent url(../images/arrows.png) 0 0 no-repeat;
}	
.arrow-down{
	background-position: -5px -5px;
}
a:hover .arrow-down{
	background-position: -5px -35px;
}
a:active .arrow-down{
	background-position: -5px -65px;
}
.arrow-up{
	background-position: -65px -5px;
}
a:hover .arrow-up{
	background-position: -65px -35px;
}
a:active .arrow-up{
	background-position: -65px -65px;
}


/**** for liveclass and livetutor ****/
.region-front-common .block-live-class .jcarousel-container-vertical{
	top:10px;
}
.region-front-common .block-live-class .jcarousel-clip-vertical {
	height:100px;
}

.region-front-common .block-live-class h4{
	font-size: 16px;
	max-height: 44px;
	overflow: hidden;
}
.region-front-common .block-live-class .jcarousel-item{
	height: 100px;
}


.region-front-common .block-cio-msg-livetutor .jcarousel-clip-vertical {
	height:54px;
}

.region-front-common .block-cio-msg-livetutor .jcarousel-item{
	height: 54px;
}

.region-front-common .block-cio-msg-livetutor .jcarousel-item p{
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
}

.region-front-common .block-cio-msg-livetutor .jcarousel-item .hb_content_course{
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
}

.region-front-common .block-cio-msg-livetutor .jcarousel-item .hb_content_lang{
	width: 110px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	float: left;
}