html { height:100%; }
body { height:100%;min-height:990px;position:relative;  background:#fff; -webkit-text-size-adjust:100%; overflow-x:hidden; font-size:0.9em; background:#000 url(//www.xinhuanet.com/world/G20jzhzb/imgs/bg1.jpg) no-repeat 50% 0px; font-family: "微软雅黑"; }
* { padding:0; margin:0; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
ul { list-style:none; }
a { text-decoration: none; }
a:hover{ text-decoration:underline;color: #c69965; }
input,textarea,button { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
img { background:#f1f1f1 url(//www.xinhuanet.com/2015/img2015/Loading.gif) no-repeat 50% 50%; }
/*公共样式*/
/* 清除浮动*/
.clearfix { display: block; #zoom:1; }
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; margin: 0px; padding: 0px; display: block; clear: both; }

.datalist01 .dataItem { border-bottom: 1px dotted #999; padding: 15px 20px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s linear, box-shadow 0.3s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s linear, box-shadow 0.3s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s linear, box-shadow 0.3s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s linear, box-shadow 0.3s ease-in-out; transition: opacity 0.4s linear, transform 0.4s linear, box-shadow 0.3s ease-in-out; }
.datalist01 .dataItem:hover { background: #f4f4f4; }
.datalist01 .show { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.datalist01 h3 { margin-bottom: 10px; }
.datalist01 a { font-size: 18px; font-family: "微软雅黑"; color: #1764c4; }
.datalist01 p { font-size: 16px; line-height:30px; color: #828282; }
.datalist01 img { float: left; margin-right: 10px; width: 195px; height:130px }
.datalist01 .lazyLoad{display: none;}
.datalist01 .time { font-size: 12px; color: #828282; text-align: right; margin-top: 5px; }

.datalist02 { padding-top: 10px; width: 900px; }
.datalist02 .dataItem { float:left; width: 260px; height: 146px; margin:0 20px 20px 20px; position: relative; overflow: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s linear, box-shadow 0.3s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s linear, box-shadow 0.3s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s linear, box-shadow 0.3s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s linear, box-shadow 0.3s ease-in-out; transition: opacity 0.4s linear, transform 0.4s linear, box-shadow 0.3s ease-in-out; }
.datalist02 .show { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.datalist02 .img { width: 100%; height: 100%;}
.datalist02 img { width: 100%; height: 100%; vertical-align: top; }
.datalist02 h3 { position: absolute; z-index:1; bottom: -36px; left: 0px; width: 100%; height: 36px; text-align: center; -webkit-transition: bottom 200ms ease-in; -moz-transition: bottom 200ms ease-in; transition: bottom 200ms ease-in; }
.datalist02 h3 a { font-size: 14px; font-family: "微软雅黑"; color: #FFF; padding: 0 10px; line-height: 36px; }
.datalist02 .bg { position: absolute; bottom: -36px; left: 0px; width: 100%; height: 36px; background: #000; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: bottom 200ms ease-in; -moz-transition: bottom 200ms ease-in; transition: bottom 200ms ease-in; }
.datalist02 .playBtn { cursor: pointer;position: absolute; display:block; width: 52px; height: 52px;text-indent: -9999px;overflow: hidden; left:50%; top: 50%; margin: -26px 0 0 -26px; background: url(//www.xinhuanet.com/politics/201593ybzb/img/icon_playBtn.png) no-repeat; }
.datalist02 .firstItem{ width: 860px; height: 484px; }
.datalist02 .firstItem h3,
.datalist02 .firstItem .bg,
.datalist02 .dataItem:hover h3,
.datalist02 .dataItem:hover .bg { bottom: 0px; }

.showMore{width: 50%;margin: 30px auto;height: 30px;line-height: 30px;background: #f4f4f4;color: #999;font-size:12px;text-align: center;cursor: pointer;}
.hide{display: none;}
/* 主体结构 */
/*背景图*/
.bgBody { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.bgBody li { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; }

.animateStart { -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 30s linear infinite 5s; -moz-animation: imageAnimation 30s linear infinite 5s; -o-animation: imageAnimation 30s linear infinite 5s; -ms-animation: imageAnimation 30s linear infinite 5s; animation: imageAnimation 30s linear infinite 5s; }

/*顶部导航*/
.topHeader { position:absolute; top:0px; left:0px; width:100%; height: 32px; text-align: center; background: #000; }
.topHeader .top { width:1000px; margin:0 auto; height:inherit; }
.topHeader a { float:left; height: 32px; line-height: 32px; color: #979797; margin:0 10px; font-size: 12px; }
.topHeader a:hover { color:#c79b67!important; }
/*导航条重置*/
.slimScrollBar,
.slimScrollRail { opacity:1!important; border-radius:0!important; }
/*主题*/
h1{position:relative;width: 1270px;height: 252px;line-height:300px;font-size: 30px; font-family: "微软雅黑";text-align: center;color: #d6b487;font-weight: normal;position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -640px;background: url(//www.xinhuanet.com/world/B20kmszb/imgs/title_03.png) no-repeat 100px 30px;}
.xhlogo{position:absolute;left:0px;top:60px;line-height:0px;}
.xhlogo img{background:none;}
.rglogo{position:absolute;right:25px;top:60px;line-height:0px;}
.rglogo img{background:none;}
.q0logo{position:absolute;left:138px;top:50px;line-height:0px;}
.q0logo img{background:none;}
.rylogo { background:none; position:absolute;left:20px;top:130px; width:139px; height:auto }
/*logo*/

/*主体内容*/
.mainBody { display:none;width: 1270px; height: 701px; position: absolute; left: 50%; top: 50%; margin:-295px 0 0 -640px;}
/*右侧基本信息区*/
.boxDes { width: 270px; height: 100%; background: #033c90; position: absolute; right: 0px; top: 0px; overflow: hidden; }
.boxDes .logoWrap{margin: 0 15px;padding:25px 0;border-bottom: 1px solid #acb0ca;}
.boxDes .logoWrap li{float: left;width: 49.5%;height: 50px;line-height: 50px;padding:5px 0;text-align: center;}
.boxDes .logoWrap .liR{border-left: 1px solid #acb0ca;}
.boxDes .logoWrap img{max-height: 50px;background: none;}
.boxDes .info{margin: 10px 30px;padding:10px 0;}
.boxDes .info li{padding:5px 0;height: 28px;line-height: 28px;vertical-align: middle;color: #fff; font-size:14px}
.boxDes .info li i{display: inline-block;width:34px;height: 34px;background:url(//www.xinhuanet.com/world/G20jzhzb/imgs/iconr.png) no-repeat;vertical-align: middle;margin-right:8px;}
.boxDes .info .time i{background-position: 0 -178px;}
.boxDes .info .address i{background-position: -58px -176px;}
.boxDes h2 {margin: 0 15px;padding:15px 0;border-bottom: 1px solid #fff;color: #fff;line-height:30px; font-weight:normal; font-size:22px; text-align:center; margin-top:30px }
.boxDes h2 a { color:#fff}
.boxDes .text{margin: 0 15px;padding:15px 0;border-bottom: 1px solid #fff;color: #fff;line-height: 24px;}
.boxDes .adv{position: absolute;left: 0px;bottom: 0px;width: 100%;line-height: 0px;}
/*中间内容区*/
.boxCont { width: 908px; height: 699px; overflow: hidden; position: absolute; z-index:1; left: 91px; top: 0px; border: 1px solid #fff; background:#fff;  }
#actWrap { width:100%; height: 660px; }
.boxCont .slimScrollDiv,
.boxCont .slimScrollDiv .slimScroll,
.boxCont .scrollWrap{width: 100%!important;}
.boxCont .item { width: 100%; height: 659px!important; overflow: hidden; background: #fff; }
.boxCont .itemT { height: 81px;  padding-left:20px; background: #f4f4f4; vertical-align: middle; position:relative; border-bottom:1px dotted #c69965; margin-bottom: 10px; }
.boxCont .itemT h2 { display:inline-block;#display:inline;#zoom:1; height: 28px; line-height:28px; padding-right:20px; color: #c69965; font-size: 22px; font-family: "微软雅黑"; font-weight: normal; vertical-align: middle; margin-top:25px}
.boxCont .itemT .en { display:inline-block; height: 25px; line-height:30px; padding:0 20px; border-left:1px solid #c69965; color: #c69965; font-size: 14px; font-family:"Times New Roman"; font-weight: bold; vertical-align: middle; margin-top:25px }
.boxCont .itemT .adv { width: 494px; height: 48px; position: absolute; right: 70px; top: 15px; vertical-align: top; }
.boxCont .itemT .adv img { width: 494px; height: 48px; }
.boxCont .itemT .tabs { position: absolute; right: 48px; top: 0px; }
.boxCont .itemT .tabs li { float:left; width: 100px; height: 81px; line-height: 81px; font-size: 16px; font-family: "微软雅黑"; color:#c69965; text-align: center; border-left:1px solid #c69965;cursor: pointer; }
.boxCont .itemT .tabs li.active{background: #fff;position: relative;top: 1px;}
/*左侧导航区*/
.boxMenu { width: 49px; height: 100%; position: absolute; left: 42px; top: 0px; padding-top:1px }
.boxMenu .item { display:block; height: 117px; position: relative; background: url(//www.xinhuanet.com/world/G20jzhzb/imgs/menubg.png) no-repeat; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; transition: background 200ms ease-in; }
.boxMenu .on,
.boxMenu .item:hover { background: url(//www.xinhuanet.com/world/G20jzhzb/imgs/tabon.png);text-decoration:none; margin-left:-71px; border-bottom:0px; margin-top:-1px }
.boxMenu .item span{ display:block;width:60%; margin:0px auto;  line-height: 24px; text-align:center; font-size: 18px; color: #fff; font-family: "微软雅黑"; cursor: pointer; padding-left:16px; padding-top:30px }
.boxMenu .item .icon { display:block;position:relative;top:0px;height:50px;background:url(//www.xinhuanet.com/world/G20jzhzb/imgs/icon.png) 0px 0px no-repeat; display:none }
.boxMenu .on span,.boxMenu .item:hover span { padding-top:20px}
.boxMenu .on .icon,
.boxMenu .item:hover .icon { display:block}
.boxMenu .home .icon { background-position: 50% 0px; }
.boxMenu .photo .icon { background-position:50% -285px; }
.boxMenu .summary .icon { background-position: 50% -197px; }
.boxMenu .cctv .icon { background-position: -246px 50%; }
.boxMenu .record .icon { background-position: 50% -98px; }
.boxMenu .relate .icon { background-position: 50% -485px; }
.boxMenu .interactive .icon { background-position: 50% -584px; }
.boxMenu .qj360 .icon { background-position: -574px 50%; }
.boxMenu .cnc .icon { background-position: 50% -392px; }
.boxMenu .relate { height:116px}
/*底部快讯*/
.lastNews { height: 40px; background: #004fa1; position: relative; }
.lastNews strong { /*cursor:pointer;*/position: absolute; left: 0; top: 0; width: 90px; height: 40px; line-height: 40px; color: #fff; overflow: hidden; text-align: center; font-weight: normal; }
/*.lastNews strong:hover {text-decoration:underline;}*/
.lastNews a { color:#fff; }
.lastNews .lastNewsScroll { position: absolute; top: 0px; left: 90px;width: 800px; height:40px; line-height: 40px; overflow: hidden;}
.lastNews #miniNewsRegion { height:40px; line-height: 40px; }
.lastNews #miniNewsRegion li{ float: left; width: auto !important;height:40px; margin-right:30px;line-height: 40px; overflow: hidden; color: #cda573; }

/*首页*/
.home .mediaWrap { width: 100%; margin:10px 0 5px 0;overflow:hidden;position:relative;}
.home #mediaSwitch{width:878px;height: 489px;background: #000;overflow:hidden;margin:0 10px;position: relative;}
.home .mediaWrap .dataItem { width: 100%; height: 100%!important; text-align: center; font-size: 30px; color: #fff; overflow: hidden; /*transition:width 300ms, height 300ms; -moz-transition:width 300ms, height 300ms, -moz-transform 300ms; -webkit-transition:width 300ms, height 300ms, -webkit-transform 300ms; -o-transition:width 300ms, height 300ms, -o-transform 300ms; */; }
.home .mediaWrap .dataItem img { width: 100%;}
.home .mediaWrap .dataItem h3 { position: absolute; z-index:1; bottom: 0px; left: 0px; width: 100%; height: 36px; line-height: 36px; text-align: left; vertical-align: middle; }
.home .mediaWrap .dataItem h3 a { display:inline-block; height: 36px; line-height: 36px; font-size: 18px; font-family: "微软雅黑"; color: #fff; padding: 0 10px; vertical-align: top; }
.home .mediaWrap .dataItem .bg { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 36px; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.home .mediaWrap .videoPlay{display:none;width: 122px;height: 122px;position: absolute;left: 50%;top: 50%;margin: -61px 0 0 -61px;z-index: 1;background: url(../img/icon_playBtn2.png) no-repeat;cursor: pointer;text-indent: -9999px;overflow: hidden;}
.home .btn { display:none; position: absolute; width: 36px; height: 96px; background: url(//www.xinhuanet.com/world/G20jzhzb/imgs/iconr.png) no-repeat; top: 50%; margin-top: -48px; z-index: 1;cursor: pointer;}
.home .prevBtn { left: 10px; background-position: -56px -30px; }
.home .nextBtn { right: 20px; background-position: -112px -30px; }
.home .num { position: absolute; right: 30px; bottom: 10px; z-index: 1; }
.home .num span { display: inline-block; width: 10px; height: 10px; background: #0a5192; cursor: pointer; border-radius:50%; margin:0px 2px }
.home .num .active { background: #00d58c; }
.home .datalist01 .dataItem { padding: 13px 20px; border:0px; clear:both; overflow:hidden }
.home .iframeBtn{display:none;width:40px;height: 20px;line-height: 20px;text-align:center;color:#fff;font-size: 12px;cursor: pointer;position: absolute;bottom:-20px;right: 0px;background: #000;}
.datalist01 { margin-bottom:30px; overflow:hidden}
/*实录*/
/* content */
.recordSwitch{position: relative;height: 566px;}
.recordSwitch .slimScrollDiv{position: absolute!important;top: 0px;left: 0px;}
.content .refresh {cursor: pointer;position: absolute;right: 70px;top: -62px;height: 26px;line-height: 24px;font-size: 16px; color: #C69965;border: 1px solid #C69965;z-index: 1;padding: 0px 15px;border-radius:20px; font-family:"微软雅黑"}
/*图集*/
.photo .datalist02{margin-bottom: 20px;}
/*视频*/
.cctv .tabs li i,
.cnc .tabs li i{display: none;}
.cctv .channel,
.cnc .channel{text-align:right; position:absolute; width:240px; height:33px; left:250px; top:25px; margin-right:0px!important; z-index:10}
.cctv .channel span,
.cnc .channel span{display:inline-block;width:100px;height:33px;line-height:33px;margin-left:15px;cursor:pointer;text-align:center;font-size:14px;color:#fff;background:#1d68b8;}
.cctv .channel .active,
.cnc .channel .active{background:#3ec3a8;}
.cctv .channel span i,
.cnc .channel span i{display:none;}
.cctv .ifrDiv,
.cnc .ifrDiv{text-align: center;}
.cctv #cctvVideoIframe,
.cctv #cncVideoIframe{width: 860px; height: 500px;margin: 0 auto;}
/*全景*/
.qj360 .tabs{display: none;}
.interactive .scrollWrap{text-align: center;}
/*底部信息*/
.footer { position: absolute; left:0px; bottom:0px; width: 100%; height: 30px; line-height: 30px; font-size: 12px; text-align: center;background: #000; background: rgba(0,0,0,0.5); color: #969696; }
/*展开收缩*/
.foldBtn { width: 49px; height: 24px; position: absolute; right: 10px; top: 0; background: url(//www.xinhuanet.com/world/G20jzhzb/imgs/iconr.png) no-repeat 0px -60px; z-index: 10;cursor: pointer;}
.foldBtnClose { background-position: 0px -30px; }
/*展开后页面尺寸设置*/
.boxContOpen { width: 1187px; }
.boxContOpen #mediaSwitch { width: 1157px!important; height:651px!important; }
.boxContOpen .datalist02 .firstItem{ width: 1140px!important; height:641px!important; }
.boxContOpen .datalist02 { width: 1200px; }
.boxContOpen .datalist02 .dataItem{ width: 353px; height: 199px; }
.boxContOpen .lastNews .lastNewsScroll{width:1080px;}
.boxCont .record, .boxCont .relate, .boxCont .photo, .boxCont .summary, .boxCont .cnc,  .boxCont .interactive { height:660px!important}
/* 播放器宽高设置 */
.mediaFocusBox,
.mediaFocusBox .mediaFocusBox2,
.mediaFocusBox .pic li,
.mediaFocusBox .pic img,
.mediaFocusBox .playVideo,
.mediaFocusBox .playVideo #player_container{ width: 878px; height: 496px;}
.boxContOpen .mediaFocusBox,
.boxContOpen .mediaFocusBox .mediaFocusBox2,
.boxContOpen .mediaFocusBox .pic li,
.boxContOpen .mediaFocusBox .pic li iframe,
.boxContOpen .mediaFocusBox .pic img,
.boxContOpen .mediaFocusBox .playVideo,
.boxContOpen .mediaFocusBox .playVideo #player_container{ width: 1157px!important; height: 651px!important; }
/* 标题宽高设置 */
.mediaFocusBox .bg,
.mediaFocusBox .txt,
.mediaFocusBox .txt li{width: 100%;height: 40px; line-height: 40px; color:#fff; font-size:18px; font-weight:bold; text-align:center;}
.mediaFocusBox .txt li { position: absolute; bottom: -30px; left:0px }
/* 背景定义 */
.mediaFocusBox .pic .videoPlayBtn,
.mediaFocusBox .num li,
.mediaFocusBox .videoCloseBtn,
.mediaFocusBox .pageBtn { background: url(//www.xinhuanet.com/2015/img2015/icon_video.png) no-repeat; }
/* 其他定义 */
.mediaFocusBox { position: relative; margin:10px;}
.mediaFocusBox .mediaFocusBox2{ overflow: hidden; position: relative; }
.mediaFocusBox .pic li { position: absolute; top: 0px; left: 0px; overflow: hidden; background:#f1f1f1 url(//www.xinhuanet.com/2015/img2015/Loading.gif) no-repeat 50% 50%; }
.mediaFocusBox .pic li .lazyload { display:none; }
.mediaFocusBox .pic .videoPlayBtn { display: none; width: 42px; height: 42px; font-size: 0px; overflow: hidden; position: absolute; z-index: 1; left: 50%; top: 50%; background-position: -50px 0; cursor: pointer; margin: -21px 0 0 -21px; }
.mediaFocusBox .pic .videoPlayBtn:hover { background-position: -110px 0px; }
.mediaFocusBox .pic .iframeSrc,
.mediaFocusBox .pic .videoPlayBtn a { display: none; }
.mediaFocusBox .bg { position: absolute; bottom: 0px; left: 0px; z-index: 1; background: #000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.mediaFocusBox .txt { position: absolute; bottom: 0px; left: 0px; z-index: 2;overflow: hidden; }
.mediaFocusBox .txt li a { display: block;  color: #fff; padding: 0 10px; font-size: 18px; text-align: center; font-family: \5FAE\8F6F\96C5\9ED1; font-weight:bold }
.mediaFocusBox .num { width:100%; height: 25px; position: absolute; z-index: 3; bottom: 40px; left: 0; overflow: hidden; text-align: center; vertical-align: top; }
.mediaFocusBox .num li { float: none; display: inline-block; #display: inline; #zoom: 1; width: 25px; height: 25px; overflow: hidden; text-align: center; vertical-align: top; margin:0; cursor: pointer; background-position: 0px -50px; }
.mediaFocusBox .num li.on,
.mediaFocusBox .num li:hover { background-position: -25px -50px; }
.mediaFocusBox .pageBtn { width: 21px; height: 24px; position: absolute; z-index: 1; top:50%;margin-top: -12px; cursor: pointer; }
.mediaFocusBox .btnPrev { left: 0px; background-position: 0 0; }
.mediaFocusBox .btnPrev:hover { background-position: 0 -25px; }
.mediaFocusBox .btnNext { right: 0px; background-position: -22px 0; }
.mediaFocusBox .btnNext:hover { background-position: -22px -25px; }
.mediaFocusBox .playVideo { background:#000; position: absolute; top: 0; left: -1000%; z-index: 10; }
.mediaFocusBox .videoCloseBtn { display:none; width: 16px; height: 16px; position: absolute; right: -16px; bottom: 0; z-index: 9999; cursor: pointer; background-position: 0px -80px; }
.videoPlayBtn01 { background: url(//www.xinhuanet.com/2015/img2015/icon_video.png) no-repeat; width: 42px; height: 42px; font-size: 0px; overflow: hidden; position: absolute; z-index: 1; left: 5px; bottom: 45px; background-position: -50px 0; cursor: pointer; }
.close { width: 17px; height: 17px; position: absolute; right: 0px; bottom: 0; z-index: 11; background: url(//www.xinhuanet.com/2015/img2015/icon_video.png) 0 -80px no-repeat; cursor: pointer; display: none; }
.mediaFocusBox2 iframe { position: relative; z-index: 9;}
/*css动画*/
@-webkit-keyframes imageAnimation {
    0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -webkit-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -webkit-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -webkit-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@-moz-keyframes imageAnimation {
    0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -moz-transform: scale(1.05);
    -moz-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -moz-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -moz-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@-o-keyframes imageAnimation {
    0% {
    opacity: 0;
    -o-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -o-transform: scale(1.05);
    -o-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -o-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -o-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@-ms-keyframes imageAnimation {
    0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    -ms-transform: scale(1.05);
    -ms-animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    -ms-transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    -ms-transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}
@keyframes imageAnimation {
    0% {
    opacity: 0;
    animation-timing-function: ease-in;
}
8% {
    opacity: 1;
    transform: scale(1.05);
    animation-timing-function: ease-out;
}
17% {
    opacity: 1;
    transform: scale(1.1) rotate(3deg);
}
25% {
    opacity: 0;
    transform: scale(1.1) rotate(3deg);
}
100% {
    opacity: 0
}
}