@charset "utf-8";
/* CSS Document */

.teacher_box {width:840px;}
.teacher_list {margin-top:28px;min-height:472px;}
.teacher_list:after {content:''; clear:both; display: block;}
.teacher_list ul {min-height:472px;}
.teacher_list li {width:140px; float:left; margin:0 28px 30px 0;}
.teacher_image {width:129px; height:177px; position: relative; background:#f4f4f4; text-align: center; overflow:hidden;}
.teacher_image a {width:100%; height:100%; display: block;}
.teacher_image a:before {content:''; position: absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:0.15; filter:alpha(opacity=15); transition:opacity 0.2s; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -o-transition:opacity 0.2s;}
.teacher_image a:hover:before {opacity:0.03; filter:alpha(opacity=3);}
.teacher_image img {width:100%;}
.teacher_name {height:18px; line-height:18px; margin-top:11px; font-size:14px; color:#595959; text-align: center;}


.sort_box {float:right;}
.sort_box li {line-height:64px; position: relative; float:left; margin-left:28px;}
.sort_box li:before {content:'·'; position: absolute; left:-15px; top:0; color:#a8b6bf;}
.sort_box li:first-child:before {display:none;}
.sort_box li a {color:#a8b6bf;}
.sort_box li a:hover {text-decoration:underline;}
.sort_box li.current_style a {font-weight:bold; color:#333;}
.sort_box li.current_style a:hover {text-decoration:none;}