.tip-violet {
	margin-top:13px;
	z-index:10000;
	text-align: justify;
	border:1px solid #EDEDED;
	padding:7px;
	min-width:50px;
	max-width:530px;
	border-radius:10px;
	color:#8B8878;
	background-color:#FFFFFF;
	-webkit-box-shadow: 3px 3px 3px;  
	-moz-box-shadow: 3px 3px 3px;  
	box-shadow: 3px 3px 3px; 
	/*background-image:url(tip-violet.png);*/ /* bgImageFrameSize >= 9 should work fine */
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-violet .tip-inner {
	font:bold 15px/18px 'trebuchet ms',arial,helvetica,sans-serif;
	margin-top:-1px;
	padding:3px 3px 2px 3px;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-violet .tip-arrow-top {
	border: 10px solid transparent;
	border-bottom: 20px solid #CFCDCD;
	width: 0;
	height: 0px;
	margin-left:40%;
	top:-30px;
}


.tip-violet .tip-arrow-right {
	border-left:20px solid  #E8E8E8;
	border-top: 10px solid  transparent;
	border-bottom: 10px solid  transparent;
	width: 0;
	height: 0;
	top:40%;
	left:100%;
}
.tip-violet .tip-arrow-bottom {
	border: 10px solid transparent;
	border-top: 20px solid  #E8E8E8;
	width: 0;
	height: 0px;
	margin-left:40%;
	bottom:-30px;
}
.tip-violet .tip-arrow-left {
	
	top:40%;
	right:100%;    
    border-bottom: 10px solid transparent;  /* 下边框的高 */    
    border-top: 10px solid transparent; /* 上方边框的高 */    
    border-right: 20px solid #E8E8E8; /* 右边框的长度|宽度，以及背景色 */    
    font-size: 0;    
    line-height: 0; 
	background:url(tip-violet_arrows1.png) no-repeat -0px 0;
}