@charset "utf-8";
/* CSS Document */
.top{ background-color: #fff; clear: both; padding-bottom: 40px; }

/********搜索模块*********/
.top-search{ margin: auto; clear: both; overflow: auto; width: 1200px; padding-left: 45px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebedf1; *width:1155px; *height:71px; padding-top: 29px; padding-bottom: 29px; }
.top-search > a img{ float: left; margin-right: 57px; }

.col-lg-6-search{ padding: 0px; z-index: 0; position: static; }
.input-group-search{ position: static; }
.input-group .form-control-search{ border: 2px solid #4680fe; border-radius: 0px; height: 40px;  *height: 38px; width: 650px; *width: 626px; width: 100%\0; line-height: 36px;  position: static; padding-top: 0px; padding-bottom: 0px; }

/****兼容问题****/
.col-lg-6-search{ width:921px\0; }
@media screen and (min-width:0) {   
  .input-group .form-control-search { width: 650px\9; }/*  for IE9/IE10  PS:国外有些习惯常写作\0，根本没考虑Opera也认识\0的实际 */    .col-lg-6-search{ width:50%\9; }
} 

.input-group-btn-search{ position: static; }
.input-group-btn-search .btn-search{ height: 40px;*height: 42px; border-radius: 0px; font-size: 16px; background-color: #4680fe; border: 1px solid #4680fe; color: #fff; width: 108px; position: static; }
.input-group-btn .btn-search:hover{ background-color: #538bfe;  color: #fff;  border: 1px solid #538bfe; }
.input-group-btn .btn-search:focus{ background-color: #3c73fe; color: #fff; border: 1px solid #3c73fe; }
.input-group-btn .btn-search:active{ background-color: #3c73fe;  color: #fff;  border: 1px solid #3c73fe; }

/********分类选择模块**********/
.top-class{ margin: auto; clear: both;  width: 1200px; padding-top: 30px; }
.top-class a { color: #666; font-size: 16px; display: block;  }

.top-class-all{ clear: both;  }
.top-class-courses{ display: block; float: left; }
.top-class-courses:link{ color:#666; text-decoration: none; }
.top-class-courses:visited{ color:#666; text-decoration: none; }
.top-class-courses:hover{ color:#538bfe; text-decoration: none; }
.top-class-courses:active{ color:#3c73fe; text-decoration: none; }
.top-class-all .top-class-cont a{ color: #666; float: left; }


.top-class-cont { overflow: auto; padding-top: 15px; width: 100%; }
.top-class-cont div { float: left; /*width: 131px;*/ padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; }
.top-class-cont div > a { float: left; color: #333; }
.top-class-cont div > a:link{ color:#333; text-decoration: none; }
.top-class-cont div > a:visited{ color:#333; text-decoration: none; }
.top-class-cont div > a:hover{ color:#538bfe; text-decoration: none; }
.top-class-cont div > a:active{ color:#3c73fe; text-decoration: none; }
.top-class-cont ul { overflow: auto; max-width: 1069px; float: left; display: none; }
.top-class-cont ul li { float: left; padding-right: 40px; padding-bottom: 8px;  }
.top-class-cont ul li > a { float: left; padding-right: 7px; display: block; padding-left: 7px; padding-top: 2px; padding-bottom: 2px; height: 24px; *height: 20px; }
.top-class-cont ul li > a:hover { background-color: #4680fe; color: #fff; }
.top-class-cont ul li > a:active { background-color: #4680fe; color: #fff; }

.top-class .top-class-click { background-color: #4680fe; color: #fff; }

.top-class-down{ float: left; padding-left: 15px; display:none; }
.top-class-down > i{ font-size: 18px; color: #666; margin-left:5px; }
.top-class-down-right{ float: left; padding-right: 15px; padding-top: 3px; }
.top-class-down-cont-all{ float: left; padding-right: 15px; padding-top: 3px; }
.top-class-down-cont{ float: left; position: relative; padding-right:15px; }
.top-class-down-title{ border: 1px solid #e2e9f0; overflow: auto; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; margin-top: -8px; cursor: pointer; float: left; }
.top-class-down-title span{ font-size: 14px; color: #666; padding-right:5px;  }
.top-class-down-title a{ font-size: 14px; color: #666; text-decoration: none; display: inline-block; }

.top-class-part{ display: none; }

.top-class-down-down{ position: absolute; left: 0px; top: 29px; display: block; clear: both; overflow: auto; background-color: #fff; border: 1px solid #e2e9f0; padding-top: 14px; padding-right: 15px; padding-left: 15px; box-shadow: 0 0 15px #e2e9f0, 0 0 5px #e2e9f0; display:none;  z-index:999; }
.top-class-down-down li{ font-size: 14px; padding-bottom: 14px; display: block; }
.top-class-down-down li a{ display: block; white-space: nowrap; }
.top-class-down-down li a:hover{ color: #4680fe; }




/*********具体内容*************/
.cont{ margin: auto; width: 1220px; overflow: auto; padding-top: 40px; }

.cont-top{ width: 1200px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e7ed; clear: both; overflow: auto; margin: auto; }
.cont-top-left li{  float: left;  }
.cont-top-left li a{ font-size: 14px; color: #666666; padding-bottom: 15px; padding-right: 15px; padding-left: 15px; display: block; }

.cont-top-left li a:hover{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #538bfe; }
.cont-top-left-click { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #538bfe; }
.cont-top-right{ float: right; font-size: 14px; color: #666; padding-top: 2px; }

/********视频内容**********/
.cont-video{ display: block; width: 1220px; clear: both; padding-top: 30px; overflow: auto; padding-bottom: 40px; }
.cont-video li{ float: left; display: block; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; background-color: #fff; padding: 1px; width: 285px; *width: 283px; text-decoration: none; height: 275px; border-radius:6px;}
.cont-video li > a{ display: block; overflow: auto; clear: both;  }

.cont-video li:hover{ -ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05); /* Safari */transform: scale(1.05,1.05),; /* 标准语法 */  }

.cont-video-nothing{ font-size: 16px; color: #666; margin: auto; clear: both; width: 100%; text-align: center; padding-bottom: 40px; }
.cont-video-nothing img{ font-size: 16px; color: #666; clear: both; height: 120px; width: 180px; margin-top: auto; margin-right: auto; margin-bottom: 10px; margin-left: auto; }

.cont-video-img{ height: 220px; width: 283px; }
.cont-video-title{ display: block; font-size: 16px; color: #333333; padding: 10px; height: 30px; *height: 35px; overflow: hidden;word-wrap: break-word; word-break: normal; }
.cont-video-title:hover{ color: #538bfe; text-decoration: none; }
.cont-video-title:active{  color: #333; text-decoration: none; }
.cont-video-title:visited{ color: #333; text-decoration: none; }
.cont-video-price{ padding-bottom: 10px; clear: both; overflow: auto; padding-right: 10px; padding-left: 10px; padding-top: 5px; }
.cont-video-price > span{ display: block;  font-size: 20px; color: #fb607f; }
.cont-video-price > span font{ font-size: 15px; color: #999999; text-decoration: line-through; padding-left: 10px; }
.cont-video-free > a{ float: right; font-size: 14px; color: #538bfe; margin-right: 10px; }
.cont-video-free > a img{ margin-right: 5px; }

/*******分页*********/
#cont-center-pages{ clear: both; overflow: auto; width: 1200px; text-align: center; margin: auto; padding-bottom: 60px; height: 104px;*height:46px; }
#cont-center-pages .laypage_main a, #cont-center-pages .laypage_main input,#cont-center-pages .laypage_main span { border: 1px solid #e2e9f0; background-color: #fff; height: 38px; width: 38px; line-height: 37px; font-size: 12px; }
#cont-center-pages .laypage_main a, #cont-center-pages .laypage_main span {*padding: 0px;}
#cont-center-pages .laypage_main .laypage_curr{ background-color: #538bfe; color: #fff; }




/*****兼容其他不支持placeholder的浏览器的特殊样式******/
 span.emptyhint { color: #999; position: absolute; float: left; padding-top: 11px; margin-left: -636px; margin-left: 12px\0; font-size: 14px; }
 
 
 
 
 /*********很多内容浮动导航************/
.cont-plate-float-bar{ background-color: #fff; position: fixed; top: 50%; right: 50%; margin-right: 620px; }
.cont-plate-float-bar > a{ text-align: center; display: block; }
.cont-plate-float-bar > a >img{ width: 100%; }