@charset "utf-8";
/* CSS Document */
		.lesson_search {
			width: 100%;
			position: relative;
		}
		
		.lesson_result {
			width: 100%;			
		}
		
		.search_top {
			margin-bottom: 2px;
			background-color: #ffffff;
			width: 100%;
			min-height: 55px;
			line-height: 55px;
			font-size: 14px;
			overflow: hidden;
		}
		.search_top .left {
			color:#999999;
			float: left;
			width: 860px;
			margin-left: 20px;
			font-size: 16px;
		}
		.search_top .right {
		 	float: right;
			font-size: 16px;
			color: #494949;
			margin-right: 20px;
		}
		.search_top .drop {
		    position: absolute;
		    top: 47px;
		    right: 20px;
		    background-color: #FFF;
		    background-clip: padding-box;
		    list-style: outside none none;
		    z-index: 90;
		    width: 102px;
		    border: 1px solid #f5f5f5;
		}
		.lesson_nav_box {
			background-color: #ffffff;
			padding: 0px 20px;
			font-size: 14px;
			color: #494949;
		}
		
		.lesson_nav_row {
			line-height: 46px;	
			overflow: hidden;	
		}
		
		.lesson_nav_row ul {
			overflow: hidden;
		}
		.lesson_nav_row span {
			text-align: right;
			float: left;
		 }
		 
		 .lesson_nav_item li{
		 	display: inline-block;
		 	margin: 0px 6px;
		 	float: left;		 	
		 }
		 .lesson_nav_item li a {
		 	display: inline-block;
			padding: 0px 9px;
			height: 30px;
			line-height: 30px;
			border-radius: 5px;
		 }
		.lesson_nav_item li a:HOVER,.lesson_nav_item li a.active {
			background-color: #49c27b;
			color:#ffffff !important;	
		}
		
		.lesson_bar {
			padding: 18px 20px 10px;
			color: #666666;
			font-size: 14px;
		}
		
		.lesson_bar .hidecheck {
			width: 18px;
			height: 18px;
			border: 1px solid #666666;
			background-color: #ffffff;
		}
		
		.lesson_item {
			margin-bottom: 1px;
			padding: 20px;
			background-color: #ffffff;
			overflow: hidden;
		}
		
		.lesson_item:HOVER{
			background-color: #eceff4;
		}
		
		.lesson_item .lesson_card {
			width: 320px;
			height: 180px;
			float: left;
		}
		
		.lesson_item .lesson_info {
			float: right;
			width: 630px;
			padding: 5px 0px 13px 10px;
			height: 162px;		
			position: relative;
		}
		
		.lesson_item .lesson_card img {
			width: 100%;
			height: 100%;
		}
		
		.lesson_item .title {
			font-size: 18px;
			color: #333333;
			line-height: 28px;
			padding-right:30px;
			overflow: hidden;
			height: 56px; 
		}
		
		.lesson_item .title label {
			display: inline-block;
			line-height: 12px;
			font-size: 12px;
			color: #ffffff;
			background-color: #49c27b;
			padding: 6px 5px 6px 7px;
			position: absolute;
			right: -20px;
			top: 8px;
			border-radius: 12px 0px 0px 12px;
		}
		
		.lesson_item .info {
			margin-top: 53px;
			font-size: 14px;
			color: #999999;
			overflow: hidden;
			position: relative;
		}
		.lesson_item .info .desc {
			width: 420px;
			float: left;
		}
		.lesson_item .info .desc p {
			line-height: 26px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: inline-block;
			width: 100%;
			float: left;
		}
		.lesson_item .info .desc span {
			margin-right: 24px;
		}
		.lesson_item .info .price {
			width: 180px;
			text-align: right;
			position: absolute;
			right: 0px;
			bottom: 0px;
		}
		
		.lesson_item .info .price span {
			display: inline-block;
			line-height: 26px;
		}
		
		.lesson_item .info .price .original {
			text-decoration: line-through;
			margin-right: 16px;
		}
		
		.lesson_item .info .price .now {
			font-size: 26px;
			color: #ff6600;
		}
		
		.lesson_item .info .price .vnow {
			font-size: 20px;
			color: #5e5e5e;
		}
		
		.page {
			margin-top: 30px;
			text-align: center;
		}
		
		.laypage_main  {
			text-align: center;
		}

		.laypageskin_molv a, .laypageskin_molv span {
		    padding: 0 11px !important;
		    border-radius: 2px;
		    margin: 0 5px !important;
		    height: 28px !important; 
			line-height: 28px !important;
		}
		
		.laypage_main a, .laypage_main span {
		    margin: 0 3px 6px;
		}


	.lesson_bar .control {
		float: right;
	}
	
	.lesson_bar .control input {
		display: none;
	}
	
	.lesson_bar .control label {
		display: inline-block;
		background: url(../../../resources/images/lesson/select-1.png) no-repeat left 44%;
		cursor: pointer;
		text-indent: 26px;
		line-height: 18px;
	}
	
	.lesson_bar .control label.active {
		background: url(../../../resources/images/lesson/select-2.png) no-repeat left 44%;
	}