﻿ul,p,body{padding: 0; margin:0; list-style: none;}
.clearfix:after{content:""; display:block; height:0; visibility:hidden;clear:both;}
.clearfix {*zoom:1;}

.lesson-resource{width: 100%;min-width: 1200px;}

.lesson-resource #nav .more a{padding: 0 44px;}
.lesson-resource #nav .more:hover ul{opacity: 1;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.lesson-resource #nav .more ul{width: 145px;list-style-type: none;position: absolute; top:40px;box-shadow: 0 0 5px #dcdcdc;padding-top: 5px;background: #FFFFFF;opacity: 0; }
.lesson-resource #nav .more ul li{width: 145px;height: 45px;line-height: 45px;text-align: center;background: #FFFFFF;border: none;}
.lesson-resource #nav .more ul li a{display: block;width: 145px;height: 45px;background: #FFFFFF; text-decoration: none;color:#333333!important;font-size: 14px;padding: 0;line-height: 45px;text-align: center;}
.lesson-resource #nav .more ul li:hover a{color:#ffffff!important;background: #CC3333;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.lesson-resource #nav .menu-hover>a{background: #990000;}

.lesson-resource-banner{background: #F4F4F4;}
.lesson-resource-banner .title{width: 1200px;height: 60px;border-bottom: 1px solid #E5E5E5;margin: 0 auto;}
.lesson-resource-banner .title .position{position: relative; font-size: 14px;color: #666666;top: 27px;}

.lesson-resource .container{background: #F4F4F4;}
.lesson-resource .container .content{width: 1200px;height: 955px;margin: 0 auto;}

.lesson-resource-area1-title{width: 1200px;height: 120px;background: url(../images/title-bg.png) no-repeat center 40px;}
.lesson-resource-area1-content{width: 1200px;}
.lesson-resource-area1-content ul{list-style-type: none;width: 1080px;margin-left: 30px;margin-top: 40px;}
.lesson-resource-area1-content ul li{width: 300px;height: 200px;float: left;margin-left: 60px;}
.lesson-resource-area1-content ul li:hover{box-shadow: 0px 0px 5px #cccccc;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.lesson-resource-area1-content ul li a{text-decoration: none;position: relative; display: block;width: 300px;height: 200px;background: #FFFFFF;}
.lesson-resource-area1-content ul li a .bottom{position: absolute;width: 300px;height: 50px; background: #A4A4A4;bottom: 0;color: #ffffff;font-size: 16px; text-align: center;line-height: 50px;overflow: hidden;}
.lesson-resource-area1-content ul li a img{position: absolute;top: -40px;width: 120px;height: 120px;left: 50%;margin-left: -60px;}
.lesson-resource-area1-content ul li a .title{font-size: 28px;font-weight: bold;position: relative;margin: 0 auto;text-align: center;top: 92px;overflow: hidden;}
.lesson-resource-area1-content ul .li1 a .title{color: #e5a169;}
.lesson-resource-area1-content ul .li2 a .title{color: #57bcbc;}
.lesson-resource-area1-content ul .li3 a .title{color: #60d160;}