@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=3.2.1');src:url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-play-circle:before{content:"\f01d";}
.icon-play:before{content:"\f04b";}
.icon-pause:before {content: "\f04c";}

body{margin:0;padding:0;}
a{outline:none;background-color:transparent;}
.views{background:#ccc;float:left;border:1px solid #666;position:relative;overflow:hidden;width:1064px;height:788px;}
.iphone-canvas{width:100%;}
.iphone-canvas p{line-height:24px;font-size:16px;margin:10px 15px;text-align:justify;}
.iphone-canvas p.image img{margin-bottom:-6px;}
.iphone-canvas .photoslider{margin-left:15px;margin-right:15px;}
.canvas{float:left;width:1024px;height:748px;position:absolute;background:#fff;box-shadow:0px 1px 5px 3px #999;}
.canvas.current-page{display:block;}
.canvas .element-container{float:left;position:absolute;cursor:move;overflow:hidden;/*z-index:10;*/}
.canvas .element-container img.element-image{width:100%;height:100%;}
.canvas .element-text-container{max-width:1024px;}
.canvas .element-text-container .element-text{height:100%;overflow-x:hidden;overflow-y:scroll;}
.canvas .element-text-container .element-text p{word-break:break-all;margin:0;}
.canvas .element-container .element-link a,.element-container .element-overlay a,.canvas .element-container .element-link, .views .canvas .element-goods-container .element-link a, .views .canvas .element-goods-link-container .element-link, .views .canvas .element-goods-link-container .element-link a{width:100%;height:100%;display:block;}
.canvas .element-link-container,.canvas .element-overlay-container, .views .canvas .element-goods-container .element-link, .views .canvas .element-goods-link-container{width:200px;height:200px;}
.canvas .element-container.element-goods-container{overflow:visible;}
.outside-canvas-goods{left:1024px;top:180px;position:absolute;}
.element-goods{background:#fff;padding:20px;float:left;width:780px;height:400px;}
.element-goods .close-goods{float:right;font-size:18px;padding:10px;margin:-15px -15px 0 0;line-height:9px;}
.element-goods dd{display:block;margin:15px;}
.element-goods .image{float:left;}
.element-goods .summary{float:left;width:410px;}
.element-goods .summary .title{font-size:16px;}
.element-goods .summary .price{font-size:14px;}
.element-goods .summary .goods-detail-link{font-size:16px;background:#000;margin:10px 0;padding:12px 40px;color:#fff;}
.element-goods .summary .offline-address-link{font-size:14px;margin-left:20px;}
.element-goods .summary .offline-address-link i{font-size:30px;color:#f00;}
.element-goods .summary .share{margin:40px 15px;}
.element-goods .summary .share p{font-size:20px;float:left;margin-right:20px;border-top:1px solid #333;text-align:center;width:100px;position:relative;height:1px;}
.element-goods .summary .share p i{padding:6px;margin-top:20px;position:relative;top:-15px;background:#fff;cursor:pointer;}
.element-goods .summary .editor{float:left;width:65px;overflow:hidden;}
.element-goods .summary .editor img{border-radius:50%;}
.element-goods .summary .editor em{display:block;font-style:normal;}
.element-goods .summary .message{float:left;width:280px;margin-left:10px;}
.canvas .element-video-container .element-video{position:relative;width:100%;height:100%;}
.canvas .element-video-container .element-video .video-cover{width:100%;height:100%;position:absolute;text-align:center;z-index:89;}
.canvas .element-video-container .element-video .video-cover .video-play{position:relative;z-index:10;}
.canvas .element-video-container .element-video .video-cover img{position:absolute;top:0;left:0;z-index:9;}
.canvas .element-video-container.full-screen{top:0;left:0;width:100%;height:100%;}
.canvas .element-audio-container{min-height:60px;}
.canvas .element-audio-container .audio-bar{min-width:100px;width:100%;border-radius:3px;height:6px;position:absolute;top:30px;}
.canvas .element-audio-container .audio-bar-processing{width:0;height:6px;display:inline-block;border-radius:3px;position:absolute;}
.canvas .element-audio-container .audio-play{font-size:20px;float:right;position:relative;z-index:90;}
.fullscreen-btn{position:absolute;bottom:10px;right:10px;display:inline-block;width:20px;height:20px;background:#ccc;z-index:90;background:url(/images/fullscreen-btn.png?1) no-repeat;background-size: 20px 20px;}
#overlayHolder{position: absolute;z-index: 101;width: 1024px;height: 748px;overflow: hidden;}
#overlayMask{z-index:10;position: absolute;left: 0px;top: 0px;background-color: #000;opacity: 0.7;width: 1024px;height: 768px}
.overlay-fadeIn{-webkit-animation-duration:0.5s;-webkit-animation-name:overlayFadeIn;-webkit-animation-timing-function: ease-in-out;-webkit-animation-fill-mode:forwards;}
.overlay-fadeOut{-webkit-animation-duration:0.5s;-webkit-animation-name:overlayFadeOut;-webkit-animation-timing-function: ease-in-out;-webkit-animation-fill-mode:forwards;}
.overlay-slideUpIn{-webkit-animation-duration:0.5s;-webkit-animation-name:overlaySlideUpIn;-webkit-animation-timing-function: ease-in-out;-webkit-animation-fill-mode:forwards;}
#close{position: absolute;z-index: 101;top: 30px;right: 30px;}
.blackRedWrapper .blueBar{height: 6px;background-color: #009cff;position: absolute;left: 62px;top: 7px;}
.blackRedWrapper .redBar{height: 6px;background-color: #ed000c;position: absolute;left: 41px;top: 4px;}
.blackRedWrapper .bar{-webkit-transition: width 0.5s ease-in-out, visibility 1s linear;}
.buyplus{
	-webkit-animation-duration:1.7s;
	-webkit-animation-name:buyplus;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: infinite;
	border-radius: 50%;
}
@-webkit-keyframes buyplus{
	0% {box-shadow: 0 0 0 0 rgba(119, 119, 119, 0.8);}
	100% {box-shadow: 0 0 7px 7px rgba(119, 119, 119, 0);}
}
/*@-webkit-keyframes buyplus{0%{opacity:.2;-webkit-transform:scale(1);}100%{opacity:0;-webkit-transform:scale(1.5);}}
@keyframes buyplus{0%{opacity:.2;transform:scale(1);}100%{opacity:0;transform:scale(1.5);}}*/
.overlay-slideDownIn{
	-webkit-animation-duration:0.5s;
	-webkit-animation-name:overlaySlideDownIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:forwards;
}


.overlay-slideDownOut{
	-webkit-animation-duration:0.5s;
	-webkit-animation-name:overlaySlideDownOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:forwards;
}


.overlayMaskTransitionIn{
	-webkit-animation-duration:0.3s;
	-webkit-animation-name:overlayMaskTransitionIn;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:forwards;
}


@-webkit-keyframes overlayMaskTransitionIn{
	0%{
		opacity: 0;
	}


	100%{
		opacity: 0.7;
	}
}



@-webkit-keyframes overlayFadeIn{
	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}


@-webkit-keyframes overlayFadeOut{
	0%{
		opacity: 1;
	}

	100%{
		opacity: 0;
	}
}



@-webkit-keyframes overlaySlideUpIn{
	0%{
		-webkit-transform:translateY(1024px);
	}


	100%{
		-webkit-transform:translateY(0px);
	}
}


@-webkit-keyframes overlaySlideDownIn{
	0%{
		-webkit-transform:translateY(-1024px);
	}


	100%{
		-webkit-transform:translateY(0px);
	}
}


@-webkit-keyframes overlaySlideDownOut{
	0%{
		-webkit-transform:translateY(0px);
	}


	100%{
		-webkit-transform:translateY(1024px);
	}
}


#loading{z-index:1000;width: 186px;height: 90px;overflow: hidden;-webkit-mask-image: url(http://iladyol.linkchic.com/images/loading.png);-webkit-transform:scale(0.5);position: absolute;left: 50%;top: 50%;margin-left: -93px;margin-top: -45px;}
#loadinginner{width:186px;height:500px;background-image: -webkit-linear-gradient( #eee,#eee, #666,#eee, #eee);-webkit-animation-name:loading;-webkit-animation-duration:2.5s;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes loading{0%{-webkit-transform:translateY(0px);}100%{-webkit-transform:translateY(-410px);}}


/*ilady 365 audio video new style @2015-9*/
.element-audio{border:1px solid #ccc;border-radius:24px;padding:12px;height:16px;}
.audio-play{float:left;margin-left:8px;color:#f23071;}
.audio-bar{width:66%;background-color:#ccc;margin-left:32px;border-radius:5px;margin-top:6px;display:block;position:absolute;}
.audio-bar-processing{background:#f23071;height:6px;display:block;border-radius:5px;width:0;float:left;}

/* map view tag A style */
a.map-view{text-decoration:none;}