@import url('../../../css/normalize.css');
@import url('../../../css/common.css');
@import url('../../../css/webfont.css');

/*
------------------------------------------------
 common 
------------------------------------------------
*/

body{font-family: 'secgcr';}
.body_wrap{width:1280px; height:900px;}
.content_container { display:none; position:absolute; top:0; left:50%; width:1280px; height:900px; margin:0 0 0 -640px; overflow:hidden;}
.content_page_wrap { display:none;}
/*#content_page {position:absolute; width:1280px; height:900px; z-index:1;}*/
div.pages { display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.acc_tag{position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0 }

.show { display:block; }
.hide { display:none; }

/* btns */
.bn-back, .bn-preview, .bn-next{display:none; position:absolute;}
.bn-back {top:0; right:0; z-index:10;}
.bn-preview {top:50%; left:0; margin-top:-33px;z-index:100; padding:23px 25px;}
.bn-next {top:50%; right:0; margin-top:-33px; z-index:100; padding:23px 25px;}
.bn-back span, .bn-preview span, .bn-next span{display:block; text-indent:-9999px; overflow: hidden;}
.bn-back span{width:60px; height:60px; background:url('../img/bn_back.png') no-repeat left top; overflow: hidden;}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview_white.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next_white.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back.png') no-repeat left top;}
.inverse.bn-preview span{background:url('../img/bn_preview.png') no-repeat left top;}
.inverse.bn-next span{background:url('../img/bn_next.png') no-repeat left top;}

/* sns */
.sns-bns {position:absolute; bottom:40px; left:32px; display:none; z-index:10000;}
.sns-bns li {border-bottom:1px solid #fff}
.sns-bns li.inverse{border-bottom:1px solid #000;}
.sns-bns li a { display:block; overflow: hidden; width:21px; height:51px; background-position:left center; background-repeat:no-repeat; text-indent:-9999px}
.sns-bns li.sns_3 { border: none}
.sns-bns li.sns_0 a{background-image:url('../img/bn_facebook_white.png');}
.sns-bns li.sns_1 a{background-image:url('../img/bn_twitter_white.png');}
.sns-bns li.sns_2 a{background-image:url('../img/bn_qqq_white.png');}
.sns-bns li.sns_3 a{background-image:url('../img/bn_google_white.png');}
.sns-bns li.inverse.sns_0 a{background-image:url('../img/bn_facebook.png');}
.sns-bns li.inverse.sns_1 a{background-image:url('../img/bn_twitter.png');}
.sns-bns li.inverse.sns_2 a{background-image:url('../img/bn_qqq.png');}
.sns-bns li.inverse.sns_3 a{background-image:url('../img/bn_google.png');}

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-73px; }
.indicator li{position:relative; width:15px; height:15px; margin: 0px 6px 0px 0px; float: left; cursor : pointer;}
.indicator li a{display:block; width:15px; height:15px; text-indent:-10000px; overflow:hidden;}
.indicator-btn {background:URL('../img/indicator_white.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator.png') 0 0 no-repeat;}
.indicator-btn.inverse.on {background:URL('../img/indicator_on.png') 0 0 no-repeat;}

/* focus */
.sns-bns li a:focus { outline: 1px dotted #fff}
.indicator-btn a:focus { outline: 1px dotted #fff}
a.bn-next:focus { outline: 1px dotted #fff}
a.bn-top:focus { outline: 1px dotted #fff}
a.bn-bottom:focus { outline: 1px dotted #fff}
a.bn-preview:focus { outline: 1px dotted #fff}
.sns-bns li.inverse a:focus { outline: 1px dotted #000}
.indicator-btn.inverse a:focus { outline: 1px dotted #000}
a.bn-next.inverse:focus { outline: 1px dotted #000}
a.bn-preview.inverse:focus { outline: 1px dotted #000}

/* loading */
.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:76px; height:16px; background:url('../img/loading.png') 0 0; }
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }

/* info_rotate */
.info_rotate { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999; display:none; }
.info_rotate img { width:100%; }

/*
------------------------------------------------
 customized contents
------------------------------------------------
*/
/* page Common */
.bn-top {
	position: absolute;
	top: 0%;
	right: 50%;
	margin-right: -33px;
	z-index: 100;
	padding: 25px 23px;
}
.bn-bottom {
	position: absolute;
	bottom: 0%;
	right: 50%;
	margin-right: -33px;
	z-index: 100;
	padding: 25px 23px;
}
.bn-top span {
	width: 21px;
	height: 14px;
	background: url('../img/bn_top.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bn-top.inverse span {
	width: 21px;
	height: 14px;
	background: url('../img/bn_top_black.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.bn-bottom span {
	width: 21px;
	height: 14px;
	background: url('../img/bn_bottom.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* vertical-box */
.txtlayer, .concept-img { position: absolute;}
.txtlayer { z-index: 2}

.concept-img {
	left: 0px;
	top: 0px;
	z-index: 1;
}

.webfont{}

.imgView { position: absolute; z-index: 4; overflow: hidden}
.imgView li { float: left; margin-right: 2px}
.imgView li a { display: block}


.tit{font-family: 'secgcr';font-size: 22px;line-height: 36px;}
.txt{font-family: 'secgcr';font-size: 15px;line-height: 26px;}

/* page */
.index01 {background:#000;}
.index01 h1{position:relative;z-index:2;text-align:center;margin-top:349px;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';top:-30px;}
.index01 p{position:relative;z-index:2;text-align:center;color:#fff;margin-top:47px;top:-50px;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}

.animation li{position:absolute;top:0;left:0;display:none;z-index:1;}

.index02 {background:#000;}
.index02 dl{}
.index02 dl dt{position:absolute;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';top:125px;left:110px;z-index:2;color:#fff;}
.index02 dl dd{position:absolute;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';bottom:110px;right:160px;z-index:2;color:#fff;}
.index02 dl dd p{margin-top:25px;}

.page01{background:#fff;text-align:center;}
.page01 h3{margin-top:332px;}

.page02{background:#fff;text-align:center;}
.page02 ul:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}
.page02 li{position:relative;float:left;width:50%;height:900px;text-align:center;}
.page02 li.bg_product{background:#000;}
.page02 li.bg_product a{position:absolute;top:284px;left:50%;margin-left:-106px;display:inline-block;width:212px;height:327px;z-index:15;}
.page02 li.bg_ux{background:#fff;}
.page02 li.bg_ux a{position:absolute;top:284px;left:50%;margin-left:-66px;display:inline-block;width:132px;height:327px;z-index:15;}
.page02 li > img{position:absolute;top:0;left:0;display:none;z-index:3;}

.page03{background:#000;}
.page03 .animate_img li{position:absolute;top:0;left:0;z-index:2;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}
.page03 .animate_txt{position:absolute;top:434px;left:50%;margin-left:-340px;z-index:3;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}

.page04{width:1160px;height:650px;padding:100px 0 150px 120px;background:#fff;box-sizing:border-box;}
.page04:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}
.page04 dt{color:#000;margin-bottom:20px;font-size:18px;line-height:26px;}
.page04 dd{color:#000;font-size:15px;line-height:26px;}

.page04 .question{float:left;background:url(../img/bg_question.gif) no-repeat 0 0;width:520px;height:505px;padding-top:145px;}
.page04 .answer{float:left;background:url(../img/bg_answer.gif) no-repeat 120px 214px;width:419px;height:290px;padding:360px 0 0 120px;border-left:1px solid #ccc;}

.page05{background:url(../img/page05_bg.jpg) no-repeat 0 0;text-align:center;padding-top:348px;height:652px;}
.page05 dt{margin-bottom:8px;}

/* popup */
.popup {position:absolute; left:0px; top:0px; width:1280px; height:900px;  z-index:10000;}
.popup p{font-family:'secgcr';font-size:14px; color:#000; line-height:24px; text-align:justify; letter-spacing:0;}
.popup span{font-family:'secgcr';line-height:inherit;}
.popup .close-btn {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#000;}
.popup .close-btn a { display:block; background:url('../img/close_btn.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}
.popup .close-btn.inverse a { display:block; background:url('../img/close_btn_black.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}
.popup .close-btn a:focus{ outline:1px dotted #000}

.popup-content-wrap{position:relative;height:900px;}

.popup-pgs {display:none; position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}
.popup-pgs > div:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}
.popup-pgs .pop_txt_area{width:50%;height:638px;padding-top:262px;float:left;background:#f0f0f0;}
.popup-pgs .pop_txt_area p{color:#000;text-align:center;padding-top:47px;background:url('../img/bg_txt.gif') no-repeat center top;margin-bottom:50px;}
.popup-pgs .pop_txt_area .video_btn{background:none;padding-top:0px;}
.popup-pgs .pop_txt_area .video_btn a{display:inline-block;width:180px;height:44px;background:url('../img/btn_play_video.gif') no-repeat left top;}
.popup-pgs .pop_txt_area .video_btn a:hover{background:url('../img/btn_play_video.gif') no-repeat left bottom;}
.popup-pgs .pop_txt_area .video_btn a span{text-indent:-9999px;font-size:0px;position:absolute;top:-9999px;}

.popup-pgs .pop_txt_area p{font-size:14px;line-height:24px;}
.popup-pgs .pop_txt_area .strong{color:#000;font-size:17px;font-family:'secgcb';}
.popup-pgs .pop_infograph{width:50%;height:100%;float:right;}

.popup .bn-pop-prev, .popup .bn-pop-next {display:block; position:absolute; left:50%; margin-left:-30px; width:60px; height:44px; overflow:hidden;}
.popup .bn-pop-prev {background:url('../img/pop_btn_up.png') 0 0 no-repeat; top:12px; z-index:10000;}
.popup .bn-pop-next {background:url('../img/pop_btn_dn.png') 0 0 no-repeat; bottom:11px; z-index:10000;}
.popup .bn-pop-prev.inverse {background:url('../img/pop_btn_up_bk.png') 0 0 no-repeat;}
.popup .bn-pop-next.inverse {background:url('../img/pop_btn_dn_bk.png') 0 0 no-repeat;}
.popup .bn-pop-prev span, .popup .bn-pop-next span {text-indent:-9999px;font-size:0px;position:absolute;top:-9999px;}

.popup01 .popup1-1{background:#000 url(../img/pop01_page01_title.jpg) no-repeat 0 0;}
.popup01 .popup1-2{background:#000 url(../img/pop01_page02_bg.jpg) no-repeat 0 0;}
.popup01 .popup1-3{background:#000 url(../img/pop01_page03_bg.jpg) no-repeat 0 0;}
.popup01 .popup1-4{background:#000 url(../img/pop01_page04_bg.jpg) no-repeat 0 0;}
.popup01 .popup1-5{background:#000 url(../img/pop01_page05_bg.jpg) no-repeat 0 0;}
.popup01 .popup1-6{background:#000 url(../img/pop01_page06_bg.jpg) no-repeat 0 0;}

.popup02 .popup2-1{background:#000 url(../img/pop02_page01_title.jpg) no-repeat 0 0;}
.popup02 .popup2-2{background:#000 url(../img/pop02_page02_bg.jpg) no-repeat 0 0;}
.popup02 .popup2-3{background:#000 url(../img/pop02_page03_bg.jpg) no-repeat 0 0;}
.popup02 .popup2-4{background:#000 url(../img/pop02_page04_bg.jpg) no-repeat 0 0;}
.popup02 .popup2-5{background:#000 url(../img/pop02_page05_bg.jpg) no-repeat 0 0;}
.popup02 .popup2-6{background:#000 url(../img/pop02_page06_bg.jpg) no-repeat 0 0 ;}

.popup02 .popup2-2 .quadhd{position:absolute;top:576px;left:243px;display:none;}

.popup2-4 .btn4-1{position:absolute;left:120px;bottom:100px;z-index:2;}
.popup2-5 .btn5-1{position:absolute;left:460px;bottom:252px;z-index:2;}
.popup2-5 .btn5-2{position:absolute;left:844px;top:254px;z-index:2;}
.popup2-6 .btn6-1{position:absolute;left:219px;bottom:131px;z-index:2;}
.popup2-6 .btn6-2{position:absolute;left:540px;bottom:131px;z-index:2;}
.popup2-6 .btn6-3{position:absolute;left:860px;bottom:131px;z-index:2;}

.popup01 .interview dt{position:absolute;top:100px;left:120px;height:110px;padding-left:50px;background:url(../img/ico_question_white.png) no-repeat 0 100%;}
.popup01 .interview dt span{display:inline-block;position:absolute;left:50px;bottom:-8px;width:650px;color:#fff;font-size:15px;line-height:26px;}
.popup01 .interview dd{position:absolute;top:0;right:-426px;width:382px;height:800px;padding:100px 0 0 183px;background:url(../img/bg_interview_answer_black.png) no-repeat 100% 0;z-index:4;}/*right:-426px;*/
.popup01 .interview dd .tit{font-size:18px;line-height:26px;padding-top:140px;background:url(../img/ico_answer_white.gif) no-repeat 0 0;margin-bottom:20px;color:#fff;}
.popup01 .interview dd .txt{font-size:15px;line-height:26px;color:#fff;}
.popup01 .interview dd .trigger{position:absolute;top:50%;left:75px;margin:-23px 0 0 -34px;background:url(../img/trigger_answer_black.gif) no-repeat 0 -45px;width:68px;height:45px;cursor:pointer;}
.popup01 .interview dd .trigger.on{background-position:0 0;}

.popup01 .pop_indicator{position:absolute;top:402px;left:32px;z-index:2;display:none;}
.popup01 .pop_indicator li{width:17px;height:17px;background:url(../img/ico_indicator.png) no-repeat 0 -17px;margin-bottom:3px;cursor:pointer;}
.popup01 .pop_indicator li.on{background-position:0 0;}

.popup02 .interview dt{position:absolute;top:100px;left:120px;height:110px;padding-left:50px;background:url(../img/ico_question_black.png) no-repeat 0 100%;}
.popup02 .interview dt span{display:inline-block;position:absolute;left:50px;bottom:-8px;width:650px;color:#000;font-size:15px;line-height:26px;}
.popup02 .interview dd{position:absolute;top:0;right:-426px;width:382px;height:800px;padding:100px 0 0 183px;background:url(../img/bg_interview_answer_white.png) no-repeat 100% 0;z-index:4;}/*right:-426px;*/
.popup02 .interview dd .tit{font-size:18px;line-height:26px;padding-top:140px;background:url(../img/ico_answer_black.gif) no-repeat 0 0;margin-bottom:20px;color:#000;}
.popup02 .interview dd .txt{font-size:15px;line-height:26px;color:#000;}
.popup02 .interview dd .trigger{position:absolute;top:50%;left:75px;margin:-23px 0 0 -34px;background:url(../img/trigger_answer_white.gif) no-repeat 0 -45px;width:68px;height:45px;cursor:pointer;}
.popup02 .interview dd .trigger.on{background-position:0 0;}

.popup02 .pop_indicator{position:absolute;top:402px;left:32px;z-index:2;display:none;}
.popup02 .pop_indicator li{width:17px;height:17px;background:url(../img/ico_indicator_black.png) no-repeat 0 -17px;margin-bottom:3px;cursor:pointer;}
.popup02 .pop_indicator li.on{background-position:0 0;}


/* 2014.05.19 webFont ADD */
/*.webfont_head{ margin-bottom:18px; font-size: 18px; line-height: 28px; font-family:secgcb}*/
.webfont{ font-size: 15px; font-family: secgcl; line-height: 28px; letter-spacing: -0.5px; text-align:justify; word-break: normal; color: #fff;}
.webfont span { letter-spacing: 0; }
/* 2014.05.19 webFont ADD */

/* brightcove panel */
button {border:0}

.fe_brightcovePanel{overflow:hidden;margin:0 auto;}
.brightcovePanel { position:absolute; width:1120px; height:38px; padding:1px 0; overflow:hidden; filter:Alpha(opacity=0.1); opacity:0.01; z-index:0; background-image:url(http://www.samsung.com/common/img/bg_panel.gif) }
.brightcovePanel.show {filter:Alpha(opacity=100) !important; opacity:1 !important;z-index:4000 !important;}
.brightcovePanel .leftPanel {float:left; margin-left:1px}
.brightcovePanel .rightPanel {float:right}
.brightcoveContainer .video{position:relative;z-index:3000;width:100%;height:100%}
.brightcovePanel button {float:left;width:50px; height:38px; padding:0; margin-right:1px; overflow:hidden; text-indent:-9999px; background-repeat: no-repeat; background-position:left -1px; border:none }
.brightcovePanel button:focus{outline:1px dotted #fff}
.brightcovePanel .rewind {background-image: url(http://www.samsung.com/common/img/btn_rewind.gif); }
.brightcovePanel .play {background-image: url(http://www.samsung.com/common/img/btn_play.gif);}
.brightcovePanel .pause {background-image: url(http://www.samsung.com/common/img/btn_pause.gif); }
.brightcovePanel .forward {background-image: url(http://www.samsung.com/common/img/btn_forward.gif); }
.brightcovePanel .mute {background-image: url(http://www.samsung.com/common/img/btn_volon.gif); }
.brightcovePanel .volume-down {background-image: url(http://www.samsung.com/common/img/btn_voldown.gif); }
.brightcovePanel .volume-up {background-image: url(http://www.samsung.com/common/img/btn_volup.gif); }
.brightcovePanel .muted{background-image: url(http://www.samsung.com/common/img/btn_volmute.gif);}
.endofbrightcove{overflow:hidden;width:0px;height:0px;position:absolute}
.liveregion{overflow:hidden;width:0px;height:0px}
.brightcovePanel .rightPanel a, .youtubePanel .rightPanel a {overflow:hidden;display:inline-block;float:left;height:40px;}
.brightcovePanel .rightPanel button.bc-cc {width:34px;background-image:url(http://www.samsung.com/common/img/btn_bc_cc.png);}
.brightcovePanel .rightPanel button.bc-cc.over {background-image:url(http://www.samsung.com/common/img/btn_bc_cc_over.png) !important;}
.brightcovePanel .rightPanel button.bc-cc.on {background-image:url(http://www.samsung.com/common/img/btn_bc_cc_on.png) !important;}
.brightcovePanel .rightPanel a.bc-yt {padding-right:10px;}
.youtubePanel .rightPanel a.youtube-share {display:inline-block;padding:0 15px 0 17px;background:url(http://www.samsung.com/common/img/bg_yt_share_line.gif) no-repeat left top ;line-height:40px;color:#fff;font-size:11px;font-weight:bold;}
.youtubePanel .rightPanel a.youtube-share:hover {color:#00a8e1;text-decoration:none;}

/* function fix */
.pgae_container {position:absolute; top:0px; left:0px; width:1280px; height:1800px; overflow:hidden;}
.top_content 	{position:absolute; top:0px; left:0px; width:1280px; height:900px; overflow:hidden;}
.bottom_content {position:absolute; top:900px; left:0px; width:1280px; height:900px;}
.intro_container { width: 1280px; height: 1800px; top: 0px; left:0px; position: absolute;}
.intro_container .vertical-box { width: 1280px; height: 900px; position: absolute; left: 0px; top: 0px; overflow:hidden;}
.intro_container .index01 {top:0px;}
.intro_container .index02 {top:900px}
.intro_container .index03 {top:1800px;background:#ddd;}
.bn-top {display:none;}
.bn-bottom {display:none;}


/*CSS3*/
.btn_sonar {display: inline-block;cursor: pointer;width: 58px;height: 58px;border-radius:29px;text-align: center;position: relative;z-index: 2;color: #fff;background:url(../img/btn_sonar.png) no-repeat 0 0;}
.btn_sonar:after {pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.btn_sonar:before {content:'';speak: none;font-size: 20px;line-height: 55px;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;display: block;-webkit-font-smoothing: antialiased;}
.btn_sonar:hover {background:url(../img/btn_fluideffect.png) no-repeat 0 0;width:203px;}
.btn_sonar img{max-width:100%;}

.btn_sonar.btn5-1:hover{background:url(../img/btn_ripple.png) no-repeat 0 0;}
.btn_sonar.btn5-2:hover{background:url(../img/btn_lighting.png) no-repeat 0 0;}
.btn_sonar.btn6-1:hover{background:url(../img/btn_emoticon.png) no-repeat 0 0;}
.btn_sonar.btn6-2:hover{background:url(../img/btn_aircommand.png) no-repeat 0 0;}
.btn_sonar.btn6-3:hover{background:url(../img/btn_oncircle.png) no-repeat 0 0;}

.cssanimations .btn_sonar {
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s, width 1s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s, width 1s;
	transition: transform ease-out 0.1s, background 0.2s, width 1s;
	background:rgba(0,0,0,0.9) url(../img/btn_sonar.png) no-repeat 0 0;
}

.cssanimations .btn_sonar:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 5px rgba(0,0,0,1);
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-animation: sonarEffect 1s ease-out 1s infinite;
	-moz-animation: sonarEffect 1s ease-out 1s infinite;
	animation: sonarEffect 1s ease-out 1s infinite;
}

.cssanimations .btn_sonar:hover {
	background:url(../img/btn_fluideffect.png) no-repeat 0 0;
	color: #fff;
	width:203px;
}

.cssanimations .btn_sonar.btn5-1:hover{background:url(../img/btn_ripple.png) no-repeat 0 0;}
.cssanimations .btn_sonar.btn5-2:hover{background:url(../img/btn_lighting.png) no-repeat 0 0;}
.cssanimations .btn_sonar.btn6-1:hover{background:url(../img/btn_emoticon.png) no-repeat 0 0;}
.cssanimations .btn_sonar.btn6-2:hover{background:url(../img/btn_aircommand.png) no-repeat 0 0;}
.cssanimations .btn_sonar.btn6-3:hover{background:url(../img/btn_oncircle.png) no-repeat 0 0;}

.cssanimations .btn_sonar:hover:after {
	-webkit-animation: effectStop;
	-moz-animation: effectStop;
	animation: effectStop;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}

@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}

@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}
}

@-webkit-keyframes effectStop {}
@-moz-keyframes effectStop {}
@keyframes effectStop {}

/*video*/

.video_wrap {position:absolute;left:0px;top:0px;width:1280px;height:900px;display:none;opacity:0;background:#000;z-index:10001;}
.video-container {position:absolute;top: 0px;left: 0;width:1280px;height:755px;padding-top:145px;}
.video-player {position:relative;width:1210px;height:680px;margin:0px auto 0 auto;background-color:#000;}
.video-container .close-video {position: absolute; z-index: 9999; right: 34px; top: 17px; color:#000;}
.video-container .close-video a { display:block; background:url('../img/close_btn.png') 0 0 no-repeat; width:83px; height:83px; text-indent:-10000px; margin:14px 0 0 1160px; overflow:hidden;}