.EgImageFocusPoint
{
	width:100%;height:100%;overflow:hidden;position:relative;
    /*background:#FFFFFF url('loading.gif') no-repeat center center;*/
}
.EgImageFocusPoint_img 
{
    height:100%;position:absolute;left:0px;top:0px;z-index:1;
}
.EgImageFocusPoint_img_inner
{
	width:100%;height:100%;border-width:0px;cursor:pointer;
	background-repeat:no-repeat;background-position:center center;
	background-size:cover;float:left;
}
.EgImageFocusPoint_num
{
	position:absolute;bottom:10px;height:16px;overflow:hidden;z-index:4;
}
.EgImageFocusPoint_num div
{
	width:16px;height:16px;background:url('num.png') no-repeat left top;float:left;
	margin:0px 5px;padding:0px;cursor:pointer;
}
.EgImageFocusPoint_title
{
	position:absolute;width:100%;left:0px;bottom:0px;height:40px;overflow:hidden;z-index:3;
	
}
.EgImageFocusPoint_shadow
{
	width:100%;height:40px;overflow:hidden;z-index:2;position:absolute;left:0px;bottom:0px;
}
.EgImageFocusPoint_shadow div
{
    width:100%;height:100%;overflow:hidden;
    background-color:rgba(0,0,0,0.3);
}
.EgImageFocusPoint_title li
{
	width:100%;height:100%;line-height:40px;color:#FFFFFF;
	font-size:16px;font-family: Microsoft YaHei UI,微软雅黑,宋体, Arial, Helvetica, sans-serif;
	text-align:left;text-indent:10px;
	float:left;list-style-type:none;z-index:2;position:absolute;left:0px;top:0px;display:none;
    white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
.EgImageFocusPoint_left
{
    width:50px;height:50px;position:absolute;left:0px;top:50%;margin-top:-25px;
    background-color:rgba(0,0,0,0.6);z-index:5;cursor:pointer;
    transform:translate(-100%);transition:all 0.3s;

    /*width:45px;height:45px;overflow:hidden;position:absolute;z-index:5;left:0px;cursor:pointer;display:none;*/
}

.EgImageFocusPoint_left:after {
    content:"";position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-7px;
    width:14px;height:14px;
    box-sizing:border-box;
    border-left:solid 3px #FFFFFF;
    border-top:solid 3px #FFFFFF;
    transform:rotate(-45deg);
}
.EgImageFocusPoint_right
{
    width:50px;height:50px;position:absolute;right:0px;top:50%;margin-top:-25px;
    background-color:rgba(0,0,0,0.6);z-index:5;cursor:pointer;
    transform:translate(100%);transition:all 0.3s;
}
.EgImageFocusPoint_right:after {
    content:"";position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-7px;
    width:14px;height:14px;
    box-sizing:border-box;
    border-right:solid 3px #FFFFFF;
    border-top:solid 3px #FFFFFF;
    transform:rotate(45deg);
}
.EgImageFocusPoint:hover .EgImageFocusPoint_left {
    transform:translate(0);
}
.EgImageFocusPoint:hover .EgImageFocusPoint_right {
    transform:translate(0);
}
.EgImageFocusPoint_js
{
    position:absolute;left:0px;top:0px;width:100%;height:calc(100% - 30px) ;z-index:11;display:none;
}
.EgImageFocusPoint_js li
{
    position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.3);color:#FFFFFF;line-height:20px;text-align:left;
    padding:10px;width:calc(100% - 20px);display:none;
}