/* --------------

	   ui_img.css:图片类效果处理
	   author: xiangxu@wisedu.com
	   update: ywwei@wisedu.com

 ------------ */

/* 图片类效果处理
----------------------------------------------------------------------------------------------------*/
.img_border {
	padding: 0;
	background: #fff;
	border: 4px solid #d8d8d8;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
}
a:hover .img_border{
    border: 4px solid #f08800;
}
.img_border:hover{
    border: 4px solid #f08800;
}
.img_transparent{
	position:relative;
	overflow:hidden;
	width:160px;
	height:120px;
}
.img_transparent .shadow{
	display: block;
	height: 27px;
	line-height: 27px;
	position:absolute;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	width: 160px;
	bottom: 0;
	left: 0;
	z-index:1;
}
.img_transparent .name{
	position:absolute;
	bottom: 0;
	left: 0;
	color:#fff;
	z-index:2;
	margin:0 0 5px 10px;
}
.img_transparent .name a{
	color:#fff;
	text-decoration:none;
    display: block;
    width: 140px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.img_circle{
    border-radius:50%;
}
.img_rounded{
    border-radius:6px
}

/*遮罩层效果的圆角，支持IE678 sjsong01@wisedu.com*/
.img_visual_radius {
    width: 64px;
    height: 64px;
    overflow: hidden;
    position: relative;
}
.img_visual_radius img {
    width: 64px;
    height: 64px;
}
.img_visual_radius .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    background: url("../images/common/img/img-cover.png");
}