@charset "utf-8";



.ti_left{

	width: 100%;

    height: 516px!important; /* old 454px*/

}

.ti_left .hd a.next{

	background:#000 url(../images/next_10.png) no-repeat center center;

	width: 20px;

	height: 92px;

	display: inline-block;

	left: 0; 

	top: 6px;



}

.ti_left .hd a.prev{

	background:#000 url(../images/next_13.png) no-repeat center center;

	width: 20px;

	height: 92px;

	display: inline-block;

	right: 0;

	top: 6px;



}

.ti_left .hd{

	position: relative;



	top: -98px;



}

.tuzs img{

	width: 852px;

	/*height: 516px;*/

	vertical-align: top;

}

.tuzs_yc{

	width: 520px;

	

	height: 42px;

	line-height: 42px;

	text-align: center;

	position: absolute;

	bottom: 0;

	left: 0;

	font-size: 14px;

	color: #fff;

}

.tuzs{

	position: relative;

	margin-bottom: 3px;

	width:852px;

}

.ti_left .hd a{

	position: absolute;

	cursor: pointer;



}

.ti_left .hd a:hover{

	background-color: #166786;

}

.ti_left ul{

width: 1000px;

}

.ti_left .bd{

	overflow: hidden;

}

.ti_left ul li{

	margin-right: 10px;

	width: 167px;

	height: 92px;

}

.ti_left ul li img{



	width: 167px;

	height: 92px;

	cursor: pointer;

}

.ti_right{

	width: 360px;

}

.ti_right h2{

	font-size: 18px;

	 color: #333;

	 font-weight: 500;

	 margin-bottom: 20px;

}

.ti_right h3{

	font-size: 16px;

	 color: #666;

	 font-weight: 500;

	 margin-bottom: 13px;

}

.ti_right p{

	font-size: 14px;

	 color: #666;

	 /*margin-bottom: 10px;*/

}

.theme-poptit{

	position: relative;

}





.theme-popover-mask{

	z-index: 100;

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:#000;

	opacity:0.5;

	filter:alpha(opacity=70);

	display:none

}

.theme-poptit a.close{

	width: 46px;

	height: 38px;

	background: url(../images/dia_close.jpg) no-repeat left top;

	display: inline-block;

	position: absolute;

	right: -40px;

	top: -73px; 

}

.lf-btn{

	position:absolute;

	background:url("../images/dia_prev.png") no-repeat center center;

    width: 52px;

    height: 52px;

    display:block;

    left: 10px;

    top: 234px;

	/*transform:scale(0.5);*/

}

.rt-btn{

	background: url("../images/dia_next.png") no-repeat center center;

    width: 52px;

    height: 52px;

    display:block;

    right: 10px;

    top: 234px;

	position:absolute;

	/*transform:scale(0.5);*/

}

.lf-btn:hover,.rt-btn:hover{

	opacity:0.9;

	filter:alpha(opacity=90);

}

.theme-popover {

	z-index:101;

	position:fixed;

	top:50%;

	left:50%;

	width: 900px;

	/*height: 506px !important;*/

	margin:-375px 0 0 -490px;

	padding: 35px 40px 35px 40px;

	background-color:#fff;

	box-shadow: 0 0 10px #666;

	display: none;

}

.poasd{

	width: 852px;

	margin-left: -472px;

}

#examples{

	width: 100%;

	margin-top:12px;

}

#content-2{

	margin-bottom: -20px;

	width: 100%;

	/*height: 42px;*/

	/*text-align: center;*/

	max-width:100%;

}

#content-2 h2{

	margin-bottom: 0;

	text-align: center;

}

.ti_left .bd{

	display:none;

}

.ti_left .hd{

	display:none;

}