html,body{height:100%;margin:0px;}
body{font-size:12px;margin:0px auto;color:#3d3d3d;padding-top:0px; font-family: "microsoft yahei" !important; font-family:Arial, Helvetica, sans-serif; background:#;}
div,h1,h2,h3,h4,span,p,strong,ul,li,img,form,dl,dt,dd,tt{margin:0px;padding:0px;}
li{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#b80737;}
img{border:0px;}
.clear{clear:both;font-size:0px;}

.ubg{ background:url(../images/fbg.jpg) repeat-x left top; }
.ibg_a{background:url(../images/hbg01.jpg) no-repeat center top; height:94px; width:100%;}

.ibg_b{background:url(../images/hbg02.jpg) no-repeat center top; height:163px; width:100%;}
.ibg_c{background:url(../images/hbg03.jpg) no-repeat center top; height:96px; width:100%;}
.ibg_d{background:url(../images/hbg04.jpg) no-repeat center top; height:148px; width:100%;}
.ibg_e{background:url(../images/hbg05.jpg) no-repeat center top;  width:100%;}
.ibge_in{ height:188px;}

.wcn{ width:1000px; margin:0px auto; background:#;}

.fornav{ height:97px; height:123px; background:url(../images/navbg.png) repeat-x bottom; }
.i_nav{ float:left; padding-left:0;}
.i_nav li{ float:left; padding-top:50px; margin:0 11px; cursor:pointer;}
.i_nav li a{ float:left; height:20px; font-size:16px; font-weight:bold; line-height:20px;}
.i_nav li a:hover{ float:left; height:20px; font-size:16px; color:#ae0e0e;}
.i_nav li a.navaon{ float:left; height:20px; font-size:16px; color:#ae0e0e;}
.navline{ width:2px; background:url(../images/navline.jpg) no-repeat left 58px; height:41px;}


.i_nav li a i{ font-style:normal; display:block; height:23px;}
.i_nav li a em{ font-style:normal; display:block; height:23px;}
.i_nav li a span{ font-size:10px; line-height:12px; font-family:Arial !important; font-weight:normal !important;} 







.hlk{ padding:138px 0px 0px 68px;}
.hlka,.hlkb{ float:left; height:31px; font-size:20px; color:#230101; line-height:31px;}
.hlka:hover,.hlkb:hover{ color:#990a0a;}
.hlka{ background:url(../images/ico01.png) no-repeat left top; padding-left:55px; margin-right:40px;}
.hlkb{ background:url(../images/ico02.png) no-repeat left top;padding-left:35px;}


.isp{ padding-left:430px;}
.isp a{ display:block; width:130px; height:42px; line-height:42px; color:#fff; font-size:18px; text-align:right; background:url(../images/ico01.png) no-repeat left top;}
.isp a:hover{background:url(../images/ico02.png) no-repeat left top;}

.nav{ background:#ffcd1d; border-top:solid 1px #fce07e;}

.dp{ padding:55px 0px 0px 270px; text-align:left;}
.dp h1{ display:block; padding-bottom:30px;}
.dp p{ font-size:18px; line-height:40px; color:#bc994d;}
.dp strong{ display:block; text-align:right; padding-right:313px; padding-top:20px;}



.logolk{ float:left; padding-top:12px;}
.logolk a{ float:left; width:100px; height:70px;}
.forsy{ float:right; padding:25px 10px 0px 0px;}

/* 二级 */
.scn{ background:url(../images/sbg.jpg) repeat;}
.sbga{ background:url(../images/stop01.jpg) no-repeat center top;}
.sbgb{ background:url(../images/stop02.jpg) no-repeat center top;}
.sbgc{ background:url(../images/stop03.jpg) no-repeat center top;}
.sbgd{ background:url(../images/stop04.jpg) no-repeat center top;}
.sbge{ background:url(../images/stop05.jpg) no-repeat center top;}
.sbgf{ background:url(../images/stop06.jpg) no-repeat center top;}
.sbgg{ background:url(../images/stop07.jpg) no-repeat center top;}
.stopline{ height:209px;}
.stopline a{ display:block; width:282px; height:62px;}
.sfoot{ background:url(../images/sfootbg.png) no-repeat center bottom; padding-bottom:35px;}

.jmjq{ background:url(../images/jmjqbg.png) no-repeat left top; height:818px; margin-top:15px;}
.jmjq h1{ display:block; padding:57px 0px 0px 84px;}
.jmjq_cn{ padding:30px 87px 0px 87px;}
.jmjq_cn p{ text-indent:2em; font-size:15px; color:#521108; line-height:35px;}

.sva{ background:url(../images/zrbg02.jpg) repeat-y left top; margin-top:0px;}
.svb{ background:url(../images/zrbg01-1.jpg) no-repeat left top;}
.svc{ background:url(../images/zrbg03-1.jpg) no-repeat left bottom;}
.stfoot{ background:url(../images/zrbg03.png) no-repeat center bottom; height:81px;}

.slf{ float:left; width:274px;}
.srt{ float:left; width:668px;}
.formore{ display:block; text-align:right; padding:78px 15px 0px 0px; font-size:16px;}
.formore a{ color:#551007;}
.formore a:hover{ color:#9a1d0c;}
.srt h1{ display:block; text-align:center; background:url(../images/slinea.jpg) no-repeat center bottom; font-size:30px; color:#8e1c0c; font-weight:normal; padding:17px 0px 23px 0px;}
.srt h1 span{ font-size:16px;} 


.zclista{ padding:10px 0px 60px 40px; float:left;}
.zclista li{ float:left;  padding:30px 30px 0px 30px; width:226px; height:330px; overflow:hidden;}
.zclista li img{ width:206px; height:244px;padding:10px; background:#f5eed0; }
.zclista li  p{ display:block; text-align:center; font-weight:bold; color:#5d160c; font-size:15px; padding-top:15px;}

.slf h1{display:block; padding:70px 0px 0px 74px;}
.slf ul{ padding:40px 0px 0px 50px;}
.slf ul li{ height:55px; margin-bottom:10px;}
.slf ul li a{ display:block; height:55px; padding-left:36px; padding-top:13px; font-size:20px; line-height:20px;}
.slf_on,.slf_on:hover{ background:url(../images/lfnavbg.png) no-repeat left top; height:55px; color:#eebe4d;}
.slf_off{ color:#5d160c; }
.slf ul li a span{ font-size:9px; line-height:12px;}



.slf .slf_ul li a{ display:block; height:55px; padding-left:28px; padding-top:6px; font-size:20px; line-height:20px;}
.slf_on,.slf_on:hover{ background:url(../images/lfnavbg.png) no-repeat left top; height:55px; color:#eebe4d;}



.zclistb{ padding:10px 0px 60px 30px; float:left;}
.zclistb li{ float:left;  padding:25px 15px 0px 15px; width:170px; height:255px; overflow:hidden;}
.zclistb li img{ width:157px; height:185px;padding:6px; background:#f5eed0; }
.zclistb li  p{ display:block; text-align:center; font-weight:bold; color:#5d160c; font-size:15px; padding-top:12px;}

.zc_cn{ padding:20px 10px 0px 10px;}
.zc_cn h2{ display:block; color:#aa1905; font-size:18px; padding:10px 0px;}
.zc_cn p{ color:#5d160c;font-size:15px; line-height:30px; text-indent:2em; margin-bottom:8px;}
.jsja{ padding:15px 0px 0px 0px;}
.jsja img{ float:left; margin-right:15px;}
.jsja a{ color:#b4220f; margin-left:10px;}
.jsjb{ padding:15px 0px 0px 0px;}
.jsjb img{ float:right; margin-left:15px;}
.jsjb a{ color:#b4220f; margin-left:10px;}
.jsline{ height:30px;}



.gycn{  margin-top:15px;}
.gycn h1{ display:block; padding:57px 0px 0px 84px;}
.svd{ background:url(../images/aboutbg01.png) no-repeat left bottom;}
.sve{ background:url(../images/mtbg.png) no-repeat left bottom;}
.stfootb{ background:url(../images/aboutbg02.png) no-repeat center bottom; height:70px;}
.stfootc{ background:url(../images/mtbg02.png) no-repeat center bottom; height:87px;}
.gywd{ padding:15px 90px 220px 90px;}
.gywd p{color:#5d160c;font-size:15px; line-height:30px; text-indent:2em;}


.newsllist{ padding:40px 230px 0px 100px;}
.newsllist li{ font-size:16px; color:#5d160c; line-height:45px; background:url(../images/ico03.jpg) no-repeat left 17px; padding-left:18px;}
.newsllist li a{color:#5d160c;}
.newsllist li a:hover{ color:#950a0a;}
.newsllist li span{ float:right;}
.mtline{ height:200px;}

.foryinyue{ position:absolute; top:0px; z-index:1000; width:100%;}
.foryinyue div{ width:850px; margin:0px auto; text-align:right;}

.z_foot{ background:#000 url(../images/forfoot.jpg) no-repeat center top; height:168px; }
.z_foot div{ margin:0px auto; width:636px;}
.z_foot div p{ display:block; padding:139px 0px 0px 182px;}
.z_foot div p a{ display:block; width:225px; height:17px; background:#;}


.cj_list{ float:left; padding:0px 0px 0px 20px;}
.cj_list li{ float:left; width:295px; height:179px; background:url(../images/picbg.jpg) no-repeat left top; text-align:center; padding-top:9px; margin-right:25px; margin-top:20px;}
.cj_list li p{ display:block; font-size:15px; color:#222222; padding:10px 0px 0px 10px; text-align:left;}
.cj_list li a:hover p{ color:#cb0f0f;}






/* 弹出 */
.mydiv{ 
z-index:1000; 
top:50px; width:100%;
position:fixed!important;/*FF IE7*/ 
position:absolute;/*IE6*/ 
} 

.mydiv2{ 
z-index:1000; 
top:0px; width:100%;
position:fixed!important;/*FF IE7*/ 
position:absolute;/*IE6*/ 
} 

.bg { 
background-color:#000; 
width: 100%; 
height: 100%; 
left:0; 
top:0;/*FF IE7*/ 
filter:alpha(opacity=70);/*IE*/ /*点击后背景透明效果*/ 
opacity:0.7;/*FF*/ 
z-index:-1000;
position:fixed!important;/*FF IE7*/ 
position:absolute;/*IE6*/ 
_top:       expression(eval(document.compatMode && 
            document.compatMode=='CSS1Compat') ? 
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ 
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ 
} 
.tc{ width:630px; margin:0px auto;  background:#fff;}
.tc_b{ padding:10px 15px;}
.tc_b h2 a{ cursor:pointer; }
.tc_b h1{ display:block; font-size:18px;  color:#a05237;}
.tc_b h2{ float:right; margin-top:-45px;}
.tc_b table{ background:#dedede; margin-top:15px;}
.tc_b table td{ background:#fff; padding:5px 10px; text-align:left; line-height:24px; font-size:15px;}
.tc_b table td p{ display:block; text-align:center;}
.tc_b h3{ display:block; text-align:right; padding:15px 0px 5px 0px;}
.tc_b h3 a{ color:#a05237;  font-size:16px;}
.tc_b h3 a:hover{text-decoration:underline;}

.tc_x{ width:1000px; height:511px; padding-top:134px; background:url(../images/tcbg.png) no-repeat left top; text-align:center; margin:0px auto;}

.tc_x span{ display:block;height:29px; padding-right:185px;}
.tc_x span a{ float:right; width:29px; height:29px; background:url(../images/closebut.png) no-repeat left top;color:#ccc; cursor:pointer;}
.tc_x span a:hover{ color:#fff;}






.tc_v{ width:900px;  background:#debe81; margin:0px auto;}
.tc_v h2{ display:block; padding:20px 0px 10px 25px; text-align:left;}
.tc_v span{ display:block; height:29px; padding-right:25px; margin-top:-40px;}
.tc_v span a{ display:block; float:right; width:50px; height:25px; background:url(../images/closebut2.jpg) no-repeat right 5px;color:#5a0808; font-size:15px; cursor:pointer;}
.tc_v span a:hover{ color:#c21111;}
.tvwd{ color:#621708; font-size:14px; line-height:25px; padding:20px 30px 40px 30px; width:818px; height:auto; }
.tvwd p{ text-indent:2em;}

.tcwd{ background:#fff; width:790px; margin:0px auto;
-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	
	}
.forclose{ display:block; text-align:right; padding:5px 10px 0px 0px;}
.forclose img{ cursor:pointer;}
.tcwd h1{ display:block; padding:0px 30px 10px 30px; font-size:22px; line-height:30px; font-weight:normal; color:#b20818;}
.tcwd p{ display:block;  line-height:26px; font-size:15px; padding:0px 30px;}
.tcwd h2{ display:block; padding:10px 0px 10px 30px;}
.tctda{ padding:0px 30px 30px 30px;}
.tcwd table{ background:#c8c8c8;}
.tcwd td{ font-size:15px; text-align:center; background:#fff; padding:5px 0px;}
.tcwd td span{ display:block; text-align:left; padding-left:15px;}
.tcwd td a{ color:#0b75c0;}

.tc_y{ width:1000px;  background:#f6ecce; margin:0px auto; text-align:center;}
.tc_y span{ display:block; height:29px; padding-right:25px; text-align:right; line-height:30px;}
.tc_y span a{ cursor:pointer;}
.tc_y span a:hover{ color:#c21111;}
.tc_y img{ display:inline; max-width:900px; max-height:600px; margin-bottom:20px;}



.tc_y1{ width:624px; padding:0;background:#cdb67d; margin:0px auto; height:446px;}
.tc_y1 .fmv_c{ position:absolute; top:40px; right:0}
.tc_y1 .fmv_c a{ cursor:pointer;}

.tc_y1 .fmv{ position:relative; top:-40px;}
.tc_y1 p{ width:600px; margin-left:12px; font-family:"microsoft yahei"; font-size:15px; color:#222; line-height:25px;position:absolute; top:360px;}
.tc_x1{ width:624px; height:511px; padding-top:134px; background:cdb67d; text-align:center; margin:0px auto;}

.tc_x1 span{ display:block;height:29px; padding-right:185px;}
.tc_x1 span a{ float:right; width:29px; height:29px; background:url(../images/closebut.png) no-repeat left top;color:#ccc; cursor:pointer;}
.tc_x1 span a:hover{ color:#fff;}
/* 固定浮动 */
.fix-block-r{position:fixed;_position:absolute;width:61px;padding-bottom:130px;visibility:hidden;z-index:1000; padding-right:5%;}
.fix-block-r .back-top{background-color:#; position:absolute;width:61px;}
.fd{width:50px; background:#; text-align:center; line-height:30px; padding:10px 0px;}
.back-top{ background:url(../images/gotop.png) no-repeat left top; width:61px; height:59px;float:left; }
.to-favorite{ display:block;}

.shop_intrrt{ float:right; width:215px; border-top:solid 1px #fff;}



/* t图片显示 */
.fz{background:#eae2bc; border:solid 1px #c8ba92; margin:30px 20px 0px 20px;}
.lxfscroll {  padding:24px 0px 0px 0px;
 width:437px;
 margin-left:auto;
 margin-right:auto;

 overflow: hidden;
 position: relative;
 height: 576px;
}
.button {border:0px;
 margin-right:auto;
 margin-left:auto;
 text-align:center;
 padding-top: 10px;
  background:#;
}
i {
 color:#;
 font-weight:bold;
}
.button input { border:0px;
 padding-top: 4px;
 padding-right: 12px;
 padding-bottom: 4px;
 padding-left: 12px;
}
.lxfscroll ul li {
 height: 658px;
 width: 437px;
 text-align: center;
 line-height: 300px;
 position: absolute;
 font-size: 40px;
 font-weight: bold;
}
input:focus {
    outline:none;
}
.cn_lf{ position:absolute; left:30px; top:260px;}
.cn_rt{ position:absolute; right:30px; top:260px;}
.topage{ border:0px; width:36px; height:50px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
.topageb{ border:0px; width:36px; height:50px; background:url(../images/right.png) no-repeat left top;cursor:pointer;}

.wmpic{ text-align:center; padding:40px 0px 90px 0px;}


/* 音乐*/
.cd_nav{ float:left;width:235px; padding:32px 0px 80px 0;}
.cd_nav li{ float:left; width:235px; height:40px;margin-top:5px; border-bottom:1px solid #924e26;}
.cd_nav li a{ display:block; }
.cd_nav li a span{display:block;height:40px; line-height:40px; font-size:16px; padding-left:33px;}
.cd_nav li a b{display:block;height:40px; line-height:40px; font-size:16px; padding-left:33px; font-weight:normal;}

.cd_on{ background:#924e26 url(../images/icon_music_on.png) no-repeat 10px 10px; color:#fff;}
.cd_on:hover{ color:#fff;}
.cd_off{background:url(../images/icon_music.png) no-repeat 10px 10px; color:#5d160c;}
.cd_off:hover{ background:url(../images/icon_music.png) no-repeat 10px 10px; color:#fff;}
.cd_off span{background:url(../images/yf02.png) no-repeat 10px 12px;}
.cd_on span{background:url(../images/yf01.png) no-repeat 10px 12px;}
.cd_off:hover span{background:url(../images/yf01.png) no-repeat 10px 12px;}

.cd_cn{ height:398px; width:430px; float:left; }
.cd_cn strong{ display:block; padding:25px 52px 0px 32px; text-align:center; font-size:16px; color:#924e26;}
.cd_cn p{ display:block; text-indent:2em; font-size:15px; line-height:27px; padding:30px 25px 0px 25px;}

.cd_rt{ background:url(../images/f_17.jpg) repeat-y left bottom; margin-top:37px; font-size:0px; width:8px;  float:left;}
.cd_rt div{ background:url(../images/f_15.jpg) no-repeat left top; padding-top:388px;}



.cdbf{ background:url(../images/bf02.png) no-repeat right 6px; background:none; width:415px; height:56px; padding:0px 0px 0px 20px; position:relative;}
.cdbf b{ float:left; margin-right:7px;}
.bft{ width:330px; height:11px; font-size:0px; background:url(../images/bf04.png) no-repeat left top;  float:left; margin-top:21px;position:relative; z-index:1;}
.bft span{ display:block;border-radius:5px; background:url(../images/bf05.png) repeat-x left top;width:0%;  height:11px;}
.bf_bit{position:absolute;left:-1%; top:-6px; z-index:111;}




/*唱段赏析*/
.cd_list{ float:left; padding:0px 0px 0px 0px;}
.cd_list li{ float:left; width:296px; height:230px; background:url(../images/qx_03.png) no-repeat left top; text-align:center; padding-top:9px; margin-right:25px; margin-top:20px;}
.cd_list li p{ display:block; font-size:15px; color:#222222; padding:0px 0px 0px 0px; text-align:left;}
.cd_list li a:hover p{ color:#cb0f0f;}


/*2015.9.9*/

.srt_language{width:668px; height:41px; margin:30px auto 30px auto; text-align:center;}
.srt_language a{ display:inline-block; width:138px; height:41px; line-height:41px; text-align:center; color:#d6c992; font-size:16px; background:#762e13; margin-right:15px;}
.srt_language a.a_srt_on{ background:#5f382a;}

.srt_content{ display:none;}
.srtc_writer{ width:630px; height:54px; overflow:hidden; border-left:5px solid #5a0808; margin-left:15px; color:#521108;}
.srtc_writer h3{ font-size:18px; height:33px; line-height:18px;  padding-left:5px; font-weight:500;}
.srtc_writer h4{ font-size:18px; line-height:18px;  padding-left:5px; font-weight:500;}

.zcbj_img{ position:relative; height:750px; margin:20px 0 0 50px;}
.zcbj_img img{ position:absolute; left:0; top:0; z-index:1;}
.zcbj_text{ position:absolute; bottom:0; left:0; box-sizing:border-box; background:#eae2bc url(../images/icon_zoom.png) no-repeat right top; z-index:100; font-size:15px; color:#222; line-height:28px; padding-left:15px; display:none;}
.zt01{width:185px; height:28px;}
.zt02{width:227px; height:28px;}
.zt03{width:155px; height:28px;}
.zt04{width:341px; height:28px;}

.zcbj_img .zcbj_img0:hover .zcbj_text{ display:none;}




.zi01{ position:absolute; left:0; top:0; width:185px; height:371px;}
.zi02{ position:absolute; left:186px; top:0; width:227px; height:185px;}
.zi03{ position:absolute; left:414px; top:0; width:155px; height:185px;}
.zi04{ position:absolute; left:186px; top:186px; width:227px; height:185px;}
.zi05{ position:absolute; left:414px; top:186px; width:155px; height:185px;}

.zi06{ position:absolute; left:0px; top:372px; width:227px; height:185px;}
.zi07{ position:absolute; left:228px; top:372px; width:155px; height:185px;}
.zi08{ position:absolute; left:0px; top:558px; width:155px; height:185px;}
.zi09{ position:absolute; left:185px; top:558px; width:155px; height:185px;}
.zi10{ position:absolute; left:414px; top:558px; width:155px; height:185px;}






.jmjq_nav{width:668px; height:41px; margin:30px auto 30px auto; text-align:center;}
.jmjq_nav a{ display:inline-block; width:138px; height:41px; line-height:41px; text-align:center; color:#d6c992; font-size:16px; background:#762e13; margin-right:15px;}
.jmjq_nav a.a_srt_on{ background:#5f382a;}

.jmjq_info{ display:none;}
.jmjq_info dl{ width:668px; height:auto; clear:both; margin-bottom:20px;}
.jmjq_info dl dt{ float:left; width:80px; height:30px; line-height:30px; text-align:center; color:#d6c992; font-size:15px; background:#762e13;}
.jmjq_info dl dd{ float:left; width:500px; margin-left:15px; color:#5a0808; font-size:14px;}










.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 230px; top: 15px; }
.rebox-next { right: 200px; top: 48%; }
.rebox-prev { left: 200px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

























