/* = 全局
-------------------------------------------------------------- */

/* = 通用布局
-------------------------------------------------------------- */
.focusBtn, .focusIndicators a{ 
	display:block; 
	background:url(../images/script.png); 
	background-repeat:no-repeat;
}
.focusMain{ 
	width:100%; 
	position:relative; 
	margin:0 0 30px;
}
.focusArea{ 
	position:relative; 
	overflow:hidden;
}
.focusCon{ 
	width:100%; 
	position:absolute; 
	top:0;
}
.focusItem{ 
	position:relative; 
	background:#DDDEDE;
}
.focusCon .title{ 
	height:26px; 
	position:absolute; 
	left:1px; 
	bottom:1px; 
	background:#000; 
	opacity:.8; 
	filter:Alpha(opacity=80); 
	line-height:26px; 
	font-size:14px; 
	font-weight:400; 
	overflow: hidden;
}
.focusCon .title a{ 
	display:block; 
	padding:0 10px; 
	color:#FFF; 
	position:relative;
}
.focusIndicators{ 
	height:7px; 
	font-size:0; 
	line-height:0; 
	text-align:center; 
	position:absolute;
	bottom:60px;}
.focusIndicators a{ 
	display:inline-block;
	vertical-align:middle; 
	width:7px; height:7px; 
	margin:0 4px; 
	background-position:0 -50px; 
	font-size:0; _zoom:1; 
	cursor:pointer; 
	overflow:hidden;
}
.focusIndicators .current{ 
	background-position:-10px -50px;
}
.focusBtn{ 
	display:block; 
	position:absolute; 
	top:50%; 
	width:79px; 
	height:125px; 
	margin-top:-62.5px; 
	cursor:pointer;
	z-index:9;
}
.focusPrev{ 
	left:0; 
	background-position:0 0;
	background:url(../images/gallery-prev-arrow.png) no-repeat; 
}
.focusPrev:hover {
	background:url(../images/gallery-prev-arrow-hover.png) no-repeat;
}
.focusNext{
	right:0;
	background:url(../images/gallery-next-arrow.png) no-repeat; 
}
.focusNext:hover{ 
	background:url(../images/gallery-next-arrow-hover.png) no-repeat;
}
.focusItem img, .focusIndicators img{ 
	width:100%; 
	height:100%;
	display:block;
}
/* = 轮播和焦点图区分
-------------------------------------------------------------- */
.isCarousel .focusArea{ 
	height:130px;
}
.isCarousel .focusItem{ 
	float:left; 
	width:186px; 
	height:126px; 
	_display:inline;
}
.isCarousel .focusCon .title{ 
	width:186px;
}
.isCarousel .focusGroup{ 
	float:left; 
	_display:inline;
}
.isFocus .focusArea{ 
	height:526px;
}
.isFocus .focusItem{ 
	width:100%; 
	height:526px;
}
.isFocus .focusCon .title{ 
	width:582px;
}

/* = 特殊内容特殊处理
-------------------------------------------------------------- */
.demoB .focusCon .title{ 
	bottom:-27px;
}
.demoD .focusItem{ 
	float:left; 
	_display:inline;
}
.demoF .focusItem{ 
	display:none; 
	position:absolute; 
	top:0; 
	left:0; 
}
.demoG .focusItem{ 
	display:none; 
	position:absolute; 
	top:0; left:0; 
}
.demoG .focusIndicators{ 
	height:83px;
}
.demoG .focusIndicators a{ 
	width:218px; 
	height:83px; 
	margin:0 2px; 
	background:none;
	background:#e9e9e9;
	padding:4px;
}
.demoG .focusIndicators .current{ 
	background:#97ca45;
	padding:7px;
	height:107px;
}
.demoJ .focusItem{ 
	float:left; 
	_display:inline;
}
.demoJ .focusIndicators{ 
	height:42px;
}
.demoJ .focusIndicators a{ 
	width:60px; 
	height:40px; 
	margin:0 2px; 
	border:1px solid #000; 
	background:none;
}
.demoJ .focusIndicators .current{ 
	border:1px solid #FFF;
}
.demoK .focusArea{ 
	width:190px; 
	height:390px; 
	margin:0 auto;
}
.demoK .focusItem{ 
	width:186px; 
	height:126px; 
	margin:0;
}
.demoK .focusCon{ 
	width:190px;
}
.demoK .focusCon .title{ 
	width:186px;
}
@media (max-width:1100px) and (min-width:1000px){ 
	.thumbnail-area {
		width:100%;
		text-align:center;
	}
	.demoG .focusIndicators {
		width:100%;
	}
	.demoG .focusIndicators a {
		width:180px;
	}
}
@media (max-width:999px) and (min-width:768px){
     .demoG .focusIndicators a{
		width:136px;
	}
	.isFocus .focusArea,
	.isFocus .focusItem {
		height:400px;
	}
	.focusBtn {
		margin-top:-110px;
	}
}
@media (max-width:767px) { 
	.isFocus .focusItem {
		height:300px;
	}
	.isFocus .focusArea {
		height:300px;
	}
	.focusBtn {
		margin:-62px 0 0;
	}
}