/*****************************************************************/
/*
************site:www.zili.cn************
************version:2012-11-13**********
************author:zili.cn****************
*/
/*****************************************************************/
.zkcourse{ width:790px; }

#products {
	float:left; width:312px; height:325px; overflow:hidden;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#products .slides_container {
	width:310px;
	height:310px;
	overflow:hidden;
	float:left;
	position:relative;
	border:1px solid #cdcdcd;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:310px;
	height:310px;
	display:block;
}


/*
	Pagination
*/

#products .pagination {
	
	width:310px;
	float:left;
	margin-top:10px;
		
}

#products .pagination li {
	float:left;
	list-style:none;
	display:inline; 
	margin-right:10px;
}

#products .pagination li a {
	display:block;
	width:40px;
	height:40px;
	float:left;
	margin:1px;
	
	
}

#products .pagination li.current a {
	border:1px solid #c30008;
	margin:0;
}

.csview ul { padding:0; margin:0; list-style:none }
.csname { font:bold 14px/24px "宋体"; padding:0 5px; margin-bottom:10px }
.csalb { float:left; width:312px; height:380px; overflow:hidden }
.csimg img { border:solid 1px #cdcdcd;}
.csimg a {
	width:310px;
	height:310px;
	display:block;
}
#album { margin-top:10px;float:left;}
#album li { float:left; display:inline; margin-right:10px;}
#album li a{ display:block;}
#album li img { border:solid 1px #cdcdcd; cursor:pointer; padding:1px }
#album li.current a {
	padding:0; border: solid 2px #c30008;
}
/*#album li.selected img { padding:0; border: solid 2px #c30008 }*/

.csattr { float:left; display:inline; width:453px; margin-left:25px }
.csattr .basicatt { padding-bottom:10px; border-bottom:solid 1px #e9e9e9 }
.csattr .cspay { padding-top:10px }
.csattr ul { clear:both }
.csattr li { line-height:28px; clear:both; margin-bottom:2px }
.csattr li del { font:bold 12px/28px Tahoma,Arial,Helvetica,sans-serif; margin-right:5px }
.csattr li .red a { color:#317ee7; text-decoration:underline }
.csattr .cstit { display:block; float:left }
.csattr .cspromo { background:#f85a7a; color:#fff; padding:0 5px; display:block; float:left; line-height:18px; margin-top:5px }
.csprice { font:700 27px/28px Tahoma,Arial,Helvetica,sans-serif; color:#c00; margin:0 4px; float:left }
.timer { margin-left:10px }
.csbtn { margin-top:18px; height:34px }
.csbtn a { display:inline-block; text-indent:-9999px; width:125px; height:34px;; overflow:hidden; float:left; margin-right:20px }
.csbtn a.btnenroll { background:url(../images/signupnow.jpg) no-repeat 0 0 }
.csbtn a.btnbook { background:url(../images/lecture.jpg) no-repeat 0 0 }
.csbtn a.btnblog { background:url(../images/blogonline.jpg) no-repeat 0 0 }
.shareto a { color:#333 }
/*----------------------------------relatecourse begin-----------------------------------------------*/
.relapromotion { margin:20px 0 0; border:solid 1px #ddd; padding:25px 10px 15px; height:132px; overflow:hidden }
.csview .prolist { width:230px; float:left; display:inline; margin:0 10px; padding-right:10px; background:url(../images/cs-jt.jpg) no-repeat 230px 16px }
.csview .noarrow { background:none; padding-right:0 }
.csview .prolist li { float:left; width:100px; text-align:center; display:inline; background:url(../images/cs-cross.jpg) no-repeat left 38px; padding-left:10px }
.csview .prolist li.csself,.csview .noarrow li { background:none }
.csview .notc { width:700px }
.csview .prolist li.csself img { border:solid 2px #ff5a00; padding:0 }
.csview .prolist li img { border:solid 1px #ddd; padding:1px }
.csview .prolist li span { display:block ; color:#858585; line-height:22px}
.csview .prolist li span a { display:block ; color:#0072cf; text-decoration:underline}
.csview .prolist li span a:hover { color:#ff5a00 }
.csmp { float:left; display:inline; font-weight:bold; line-height:22px }
.csmp a { display:block;background:url(../images/cs-btnbg.jpg) no-repeat 0 0; width:94px; height:25px; line-height:25px; text-align:center; color:#999 ; text-decoration:none; margin-top:10px }
.csmp a:hover { color:#0072cf; text-decoration:underline}
.red { color:#d40000 }
/*----------------------------------cstab begin-----------------------------------------------*/
.cstabs { height:31px; border-bottom:solid 1px #317ee7; margin:20px 0 0; } 
.cstabs li { float:left; display:inline; margin-right:5px; width:90px; position:relative; _top:1px }
#cstb2 { width:140px }
#cstb3 { width:140px }
#cstb4 { width:100px }
.cstabs li a { display:block;background:url(../images/tabsbg.jpg) repeat-x 0 0; border:solid 1px #c9c9c9; height:30px; text-align:center; line-height:30px; text-decoration:none; border-bottom-color:#317ee7; color:#4a4a4a; outline:none }
.cstabs li.focusbg a { background:none; border-color:#317ee7; border-bottom-color:#fff; font-weight:bold; }
.cstabs li .blue { color:#0072cf; font-weight:bold }
/*----------------------------------content begin-----------------------------------------------*/
..cscontent { padding:20px 0; display:none }
.csdesp {/* background:#f2f2f2; *//* border:solid 1px #cdcdcd; */padding: 20px 20px 5px 50px;height: 70px;}
.yd {height: 200px;}
.yd4line {height: 160px;}
.csdesp li {float:left;line-height:22px;width: 360px;margin-bottom:10px;border-bottom: #999 1px dotted;}
.csdesp li .cstit { float:left; width:66px; font-family:宋体 }
.csdesp li .cscon {float:left;width: 280px;}
.csdesp li.cdatend { clear:both; float:none; width:100%; font-family:宋体 }
.csdestext { margin-top:0px }
.csbanner{ margin-top:20px;}
/*----------------------------------vs begin-----------------------------------------------*/
.vsall { width:790px; height:640px; background:#ddd url(../images/vsall.jpg) no-repeat 0 0; margin-top:20px }
.wgjg { width:225px; display:inline-block; float:left; margin:165px 20px 0 222px;_margin-left:111px; }
.wgjg li,.zledu li,.zledu li a { display:block; height:45px; background:url(../images/vsbg.png) no-repeat 0 -104px; margin-bottom:12px; font-size:13px; text-indent:20px; line-height:42px; color:#6c747f; overflow:hidden }
.zledu { width:270px; display:inline-block; float:left; margin:165px 0 0 0; }
.zledu li,.zledu li a { width:270px; background-position:0 0; text-indent:20px }
.zledu li a {  background-position:0 -52px; text-decoration:underline }
/*----------------------------------vs end-----------------------------------------------*/
.csdestext .csnameatt {height:63px;border-left: #E52E3B 10px solid;font-size:32px;margin: 20px 0 0 20px;font-family: "微软雅黑";}
.csdestext .csnameatt span {display:block;padding-left:20px;}
.csdestext .csnameatt span.csnd { font-size:14px; padding-left:32px }
.csdestext p {line-height:25px;margin: 10px 0 0 50px;}
.csdestext p b,.csdestext p strong { font-size:14px }
.csdestext p a { color:#333; text-decoration:underline }
.csdestext p a:hover { color:#d40000 }
.csdestext p a.red { color:#c00 }
.ft14 { font-size:14px }
.attit { /*background:url(../images/course_attrbg.jpg) no-repeat 0 0;*/text-indent: 30px; height:29px; line-height:26px; padding-left:20px; color:#ce0000; font-size:14px; margin:10px 0 }
.sessionred,.sessionblue,.sessiongrey { background:#df1b0f; color:#fff; font:normal 24px/30px 'microsoft yahei','黑体'; text-align:center; height:30px; margin:1px 0; padding:5px 0 }
.sessionblue { background:#0f76df;font-size:18px }
.sessiongrey { background:#ddd; margin-top:10px; color:#666; margin-bottom:0 }
.cstable { width:80%; background:#d4d4d4 }
.cstable td { padding:3px; background:#fff; line-height:20px; color:#494949; text-align:center }
.cstable .tdtit { font-weight:bold; background:#eaeaea; }
.cstable .tdcsname { padding:3px 20px }
.blue { color:#008cd6 }
.csfaq dl { padding-bottom:10px; border-bottom:solid 1px #cdcdcd; line-height:22px; margin-bottom:10px }
.csfaq dt,.csfaq dd { background: url(../images/ask.jpg) no-repeat 20px 11px; padding:10px 25px 0 45px; margin-bottom:10px color:#666; margin:0 }
.csfaq dd { background-image:url(../images/answer.jpg); color:#ce0000; }
.csfaq dt span,.csfaq dd span { padding:5px; text-align:right; color:#aaa }
.csfaq dt span em,.csfaq dd span em { font-style:normal; padding-left:10px }

.csfaq h2 { color:#df0000; border-bottom:solid 1px #df0000; line-height:35px; margin-top:10px; font-size:14px; margin-bottom:20px}

.teateam dl { border-bottom:dashed 1px #ddd; clear:both; height:200px; margin-bottom:20px }
.teateam dl:last-child { border:0 }
.teateam dt { width:160px; float:left }
.teateam dd { float:left; width:630px; line-height:22px }

/*----------------------------------xygy begin-----------------------------------------------*/

.xygy { height:507px; overflow:hidden; border:solid 10px #ddd;  border-top:0 }
.xygy dl { display: block; clear: both; padding: 10px 0; border-bottom: dashed 1px #ddd ; margin:0 10px; height:148px; overflow:hidden}
.xygy dt { float: left; width: 120px; overflow: hidden; }
.xygy dt img { padding: 5px; border: 1px solid #CCCCCC; }
.xygy dd { float: left; width: 615px; display: inline; margin-left: 10px; }
.csdestext .xygy dd p { margin-top:0; text-indent:2em }
.csdestext .xygy dd p a { color:#333; text-decoration:none; padding:2px 4px; }
.csdestext .xygy dd p a:hover { text-decoration:underline  }
.xygy dd.cl { float:none; width:100%; display:inline-block; margin:0; clear:both; height:5px;_height:0px; overflow:hidden }
/*----------------------------------csform begin-----------------------------------------------*/
.csform { /*padding:20px; background:#f1f1f1*/ }
.csform h1 { color:#ce0000; font-size:14px; line-height:35px; /*background-color:#ddd; text-align:center;*/ margin:20px 0 20px }
.csform li { line-height:25px; clear:both;   }
.csform span { float:left; margin-bottom:10px; margin-right:10px; display:inline }
.csfmtit { width:60px }
.csfmkj { margin-top:3px }
.csfmtxt { width:260px; border-top:solid 1px #ccc; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; border-left:solid 1px #ccc; height:25px; line-height:25px;}
.csmutil { width:560px; height:150px }
.csvali { width:60px }
.csinfo { color:#666; }
.csform .mutinfo { margin-top:135px; margin-bottom:0}
.cserror { color:#ce0000 }
.cssubbtn { width:126px; height:30px; border:0; background:#ce0000 url(../images/csfmbtn.jpg) no-repeat 0 0; cursor:pointer }
/*----------------------------------othersug begin-----------------------------------------------*/
.othersug li{ float:left; display:inline; margin:0 0 10px 9px}
.othersug li img { padding:1px; border:solid 1px #ddd }
.othersug li span { display:block; padding:3px 0; text-align:center; line-height:20px }
.othersug li span a { color:#0072cf; text-decoration:underline }
.othersug li span a:hover { color:#f60 }
.othersug li b { color:#ce0000 }
/*-------------------返回顶部样式------------------------*/
#top-link{ display: block; position:fixed; right:2px; bottom:80px;} 
.backtotop a {display: block; position:fixed; right:2px; bottom:80px; width:60px; height:60px; background:url(../images/backtotop.jpg) no-repeat 0 0; cursor:pointer }
.backtotop a:hover { background-position:0 -60px }
.backtotop a b { display:none }

.related { width:198px; border:solid 1px #d4d4d4; margin-top:10px }
.related h1 { height:28px;color:#333;padding-left:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d4d4d4;font:bold 14px/28px "宋体";background:#eaeaea }
.related dl { display:block; height:84px; border-bottom:solid 1px #d4d4d4; margin:10px}
.related dl:last-child { border-bottom:0; margin-bottom:0 }
.related dt { width:74px; overflow:hidden; float:left; display:inline; margin-right:5px }
.related dt img { padding:1px; border:solid 1px #d4d4d4 }
.related dd { width:99px; float:left; overflow:hidden; line-height:18px; color:#df0000 }
.related dd a { color:#333; display:block; margin-bottom:5px; }
.related dd a:hover { text-decoration:underline; }
.related dd b { color:#df0000; font-family:Arial, Helvetica, sans-serif }

.demo { margin-top:20px }