
html{overflow:hidden;}
﻿
.social_frame { width:100%; height:100%; position:absolute; display:none; }
.ml45 { margin-left:45px; }
.mr45 { margin-right:45px; }
.ml15 { margin-left:15px; }
.mr15 { margin-right:15px; }
.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.ml6 { margin-left:6px; }
.mr6 { margin-right:6px; }
.ml5 { margin-left:5px; }
.mr5 { margin-right:5px; }
.ml4 { margin-left:4px; }
.mr4 { margin-right:4px; }

.f_color {background-color:#49669e;}
.i_color {background-color:#ad4ac8;}

/* 인스타그램의  에러메시지 */
/* .social_frame .insta_errorImg { position: absolute; z-index:300; background: url('../img/main/popon_and_main_bg_01.png') no-repeat;} */
.social_frame .instagram_errorImg { position: absolute; z-index:300; background:url('../img/main/popon_and_main_bg_01.png') no-repeat;background-size:100% 100%;width:1920px;height:1080px;margin:0 auto;color:#ffffff;}
.social_frame .instagram_errorMsg { display:block; width:100%; margin-top: 25%; text-align:center;box-sizing:border-box;z-index:302;position:absolute;color:White;}

/* theme #1 */
.social_frame .theme1 .pointer {width:50px;height:50px;position:absolute; margin-left:1140px;z-index:301;}
.social_frame .theme1 .pointer .p {width:50px;height:50px;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);background-color:#d9d9d9;}
.social_frame .theme1 .bg { width:100%;height:100%;z-index:300; position:absolute;-webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);}
.social_frame .theme1 .profile { position:absolute; width:100%; height:80px; margin-top:80px; margin-left:96px; z-index:302; line-height:80px; font-size:40px;font-weight:bold;}
.social_frame .theme1 .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:80px; }
.social_frame .theme1 .tag { position: absolute; width: 100%; height: 80px; margin-top: 80px; z-index: 302; line-height: 60px; font-size: 40px; font-weight: bold; text-align: right; padding-top: 20px; }
.social_frame .theme1 .tag .back { min-width: 200px; border-radius: 30px; height: 60px; background-color: rgba(0,0,0,0.3); padding: 0px 30px; float: right; font-size: 40px; line-height: 60px; margin-right: 320px; text-align: center; }
.social_frame .theme1 .main_img { z-index:999;position: absolute;margin-top: 180px;margin-left: 96px; width:960px;height:720px;}
.social_frame .theme1 .main_img img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 40px 0 rgba(0, 0, 0, 0.9); width:100%;height:100%;background-color:#000;object-fit:contain;}
.social_frame .theme1 .pg_bar { z-index:999;position: absolute;margin-top: 894px;margin-left: 96px; width:960px;height:6px; background-color:rgba(0,0,0,0.4);}
.social_frame .theme1 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}
.social_frame .theme1 .regdate { z-index:999;position: absolute;margin-top: 900px;margin-left: 96px; width:960px;height:60px;line-height:60px; text-align:right;color:White;font-size:20px;}
.social_frame .theme1 .regdate img { vertical-align:middle; }

.social_frame .theme1 .pageing { z-index:999;position: absolute;margin-top: 960px;margin-left: 96px; width:960px;height:40px;line-height:40px; text-align:center;}
.social_frame .theme1 .pageing ul { display:inline-block; background-color:rgba(0,0,0,0.4); border-radius:20px; border:0px solid #000; font-size:0px; height:40px; padding:0px 50px;}
.social_frame .theme1 .pageing ul li { list-style:none; width:50px; margin-top:10px;float:left;}
.social_frame .theme1 .pageing ul li .item{ width:20px; height:20px; background-color:rgba(255,255,255,0.4); border-radius:10px; border:0px solid #fff; margin:0px auto;}

.social_frame .theme1 .left_bg { position:absolute; width:768px; height:1080px; margin-left:1152px;z-index:302; background-color:rgba(255,255,255,1);}
.social_frame .theme1 .list { position:absolute; width:768px; height:1080px; margin-left:1152px;z-index:302; background-color:rgba(255,255,255,1); object-fit:contain;}
.social_frame .theme1 .list .item {width:100%;height:216px;border-bottom:1px solid #ccc;box-sizing:border-box;padding:18px; }
.social_frame .theme1 .list .item .left { width:478px; height:180px; float:left; }
.social_frame .theme1 .list .item .left .list_profile {width:100%;height:40px;line-height:40px; font-weight:bold;font-size:24px;color:#000;text-overflow: ellipsis; overflow:hidden;white-space: nowrap;}
.social_frame .theme1 .list .item .left .list_profile img { border-radius:50%; border:0px solid #000; height:40px;vertical-align:top; }
.social_frame .theme1 .list .item .left .list_message {width:100%;height:140px;font-size:16px; color:#000; padding:10px; padding-left:0px; text-overflow: ellipsis; overflow:hidden;box-sizing:border-box;line-height: 26px;white-space: pre-line;}
.social_frame .theme1 .list .item .right { width:240px; height:180px; float:right; }
.social_frame .theme1 .list .item .right img {width:100%; height:100%; border:0px solid #fff; border-radius:10px; object-fit:cover;}


/* theme #2 */
.social_frame .theme2 .bg { width:100%;height:100%;z-index:300; position:absolute;-webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);}
.social_frame .theme2 .profile { position:absolute; width:100%; height:80px; margin-top:80px; margin-left:96px; z-index:302; line-height:80px; font-size:60px;font-weight:bold; color:White;}
.social_frame .theme2 .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:80px; }
.social_frame .theme2 .tag { position: absolute; width: 100%; height: 80px; margin-top: 80px; z-index: 302; line-height: 60px; font-size: 40px; font-weight: bold; text-align: right; padding-top: 20px; color:White;}
.social_frame .theme2 .tag .back { min-width: 200px; border-radius: 30px; height: 60px; background-color: rgba(0,0,0,0.3); padding: 0px 30px; float: right; font-size: 40px; line-height: 60px; margin-right: 320px; text-align: center; }
.social_frame .theme2 .main_img { z-index:999;position: absolute;margin-top: 180px;margin-left: 320px; width:1280px;height:720px;}
.social_frame .theme2 .main_img img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 40px 0 rgba(0, 0, 0, 0.9); width:100%;height:100%;background-color:#000;object-fit:contain;}
.social_frame .theme2 .profile { position:absolute; width:100%; height:80px; margin-top:80px; margin-left:320px; z-index:302; line-height:80px; font-size:40px;font-weight:bold;}
.social_frame .theme2 .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:80px; }
.social_frame .theme2 .pg_bar { z-index:999;position: absolute;margin-top: 894px;margin-left: 320px; width:1280px;height:6px; background-color:rgba(0,0,0,0.4);}
.social_frame .theme2 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}
.social_frame .theme2 .regdate { z-index:999;position: absolute;margin-top: 900px;margin-left: 320px; width:1280px;height:60px;line-height:60px; text-align:right;color:White;font-size:20px;}
.social_frame .theme2 .regdate img { vertical-align:middle; }
.social_frame .theme2 .pageing_text { z-index:999;position: absolute;margin-top: 900px;margin-left: 320px; width:1280px;height:60px;line-height:60px; text-align:left;color:White;font-size:30px;}


/* theme #3 */
.social_frame .theme3 .bg { width:100%;height:100%;z-index:300; position:absolute; background: url('/player/websrc/img/main/social_theme_bg.jpg') no-repeat;}
.social_frame .theme3 .thumnail { width:1920px;height:1000px; padding-top:40px; }
.social_frame .theme3 .thumnail .item { width:580px; height:415px; float:left; z-index: 301; position: relative; margin-bottom:60px; box-sizing:border-box; }
.social_frame .theme3 .thumnail .item .profile { width:100%; height:100px; line-height:100px;}
.social_frame .theme3 .thumnail .item .profile .name { float:left; font-size:26px; color:White;} /**/
.social_frame .theme3 .thumnail .item .profile .time { float:right;font-size:17px; color:White;}  /**/
.social_frame .theme3 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:80px; margin-top:10px; }
.social_frame .theme3 .thumnail .item .picture { width:100%; height:315px; background-color:#222; border:10px solid #fff; box-sizing:border-box; }
.social_frame .theme3 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme3 .thumnail .item .icon { width:100%; height:34px; margin-top:-55px;padding-right:20px;text-align:right;box-sizing:border-box;}
.social_frame .theme3 .pg_bar { z-index:999;position: absolute;margin-left: 320px; width:1280px;height:6px; background-color:rgba(0,0,0,0.4);}
.social_frame .theme3 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}
.social_frame .theme3 .pageing_text { z-index:999;position: absolute;top: 940px; width:1920px;height:80px;line-height:80px; text-align:center;color:White;font-size:40px;}


/* theme #4 */
.social_frame .theme4 .bg { width:100%;height:100%;z-index:300; position:absolute;background-color:#000;}
.social_frame .theme4 .thumnail { width:1920px;height:1080px; padding-top:0px; }
.social_frame .theme4 .thumnail .item { width:636px; height:356px; float:left; z-index: 301; position: relative; margin-bottom:6px; box-sizing:border-box;overflow:hidden;}
.social_frame .theme4 .thumnail .item .profile { width:100%; height:100px; line-height:100px; margin-top:250px;z-index:302;position:absolute;padding:0px 20px;box-sizing:border-box;}
.social_frame .theme4 .thumnail .item .profile .name { float:left; font-size:26px;}
.social_frame .theme4 .thumnail .item .profile .time { float:right;font-size:17px; }
.social_frame .theme4 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:50px; margin-top:25px; }
.social_frame .theme4 .thumnail .item .picture { width:100%; height:100%; box-sizing:border-box; position:absolute;}
.social_frame .theme4 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme4 .thumnail .item .icon { width:100%; height:34px; margin-top:20px;padding-right:20px;text-align:right;box-sizing:border-box;z-index:302;position:absolute;}
.social_frame .theme4 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme4 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}


/* theme #5 */
.social_frame .theme5 .bg { width:100%;height:100%;z-index:300; position:absolute;background-color:#fff;}
.social_frame .theme5 .thumnail { width:1920px;height:1080px; padding-top:0px; }
.social_frame .theme5 .thumnail .item { width:640px; height:1080px; float:left; z-index: 301; position: relative; margin-bottom:6px; box-sizing:border-box;overflow:hidden;padding:15px;}
.social_frame .theme5 .thumnail .item .profile { width:100%; height:100px; line-height:100px; margin-top:340px;z-index:302;position:absolute;padding:0px 20px;box-sizing:border-box;}
.social_frame .theme5 .thumnail .item .profile .pic { position:absolute;}
.social_frame .theme5 .thumnail .item .profile .name { position:absolute;font-size:26px; color:#333; left:140px; top:10px;}
.social_frame .theme5 .thumnail .item .profile .time { position:absolute;font-size:17px; color:#999; left:140px; top:40px;}
.social_frame .theme5 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:100px; margin-top:25px; }
.social_frame .theme5 .thumnail .item .picture { width:610px; height:341px; box-sizing:border-box; position:absolute;border-radius:10px;overflow: hidden;}
.social_frame .theme5 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme5 .thumnail .item .blur_bg {width:610px;height:341px;overflow:hidden;border-radius:10px;position:absolute;}
.social_frame .theme5 .thumnail .item .blur_bg img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);width:500%; left: -200%;top: -200%;position:absolute;}
.social_frame .theme5 .thumnail .item .icon { width:100%; height:34px; margin-top:290px;padding-right:50px;text-align:right;box-sizing:border-box;z-index:302;position:absolute;}
.social_frame .theme5 .thumnail .item .msg { width:100%; margin-top: 500px; color: #333; font-size: 40px; padding: 0px 20px; box-sizing: border-box; overflow-wrap: break-word;height:550px;overflow:hidden;}
.social_frame .theme5 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme5 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}

/* theme #6 */
.social_frame .theme6 .bg { width:100%;height:100%;z-index:300; position:absolute;background-color:#fff;}
.social_frame .theme6 .thumnail { width:1920px;height:1080px; padding-top:0px; }
.social_frame .theme6 .thumnail .item { width:477px; height:538px; float:left; z-index: 301; position: relative; margin-bottom:4px; box-sizing:border-box;overflow:hidden;}
.social_frame .theme6 .thumnail .item .profile { width:100%; height:88px; line-height:88px; margin-top:450px;z-index:302;position:absolute;padding:0px 20px;box-sizing:border-box;}
.social_frame .theme6 .thumnail .item .profile .pic { position:absolute;}
.social_frame .theme6 .thumnail .item .profile .name { position:absolute;font-size:20px; color:#fff; left:90px; font-weight: bold;}
.social_frame .theme6 .thumnail .item .profile .time { position:absolute;font-size:17px; color:#fff; right:10px;}
.social_frame .theme6 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:60px; margin-top:10px; }
.social_frame .theme6 .thumnail .item .picture { width:477px; height:400px; box-sizing:border-box; position:absolute;overflow: hidden;}
.social_frame .theme6 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme6 .thumnail .item .blur_bg {width:477px;height:400px;overflow:hidden;position:absolute;}
.social_frame .theme6 .thumnail .item .blur_bg img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);width:500%; left: -200%;top: -200%;position:absolute;}
.social_frame .theme6 .thumnail .item .icon { width:100%; height:34px; margin-top:15px;padding-right:15px;text-align:right;box-sizing:border-box;z-index:302;position:absolute;}
.social_frame .theme6 .thumnail .item .msg { width:100%; margin-top: 400px; color: #fff; font-size: 25px; padding: 0px 20px; box-sizing: border-box; overflow-wrap: break-word;background-color:#49669e;height:50px;overflow:hidden;line-height:50px;}
.social_frame .theme6 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme6 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}

/* theme #7 */
.social_frame .theme7 .bg { width:100%;height:100%;z-index:300; position:absolute;background-color:#000;}
.social_frame .theme7 .thumnail { width:1920px;height:1080px; padding-top:0px; }
.social_frame .theme7 .thumnail .item { width:477px; height:538px; float:left; z-index: 301; position: relative; margin-bottom:4px; box-sizing:border-box;overflow:hidden;}
.social_frame .theme7 .thumnail .item .profile { width:100%; height:88px; line-height:88px; margin-top:0px;z-index:302;position:absolute;padding:0px 20px;box-sizing:border-box;}
.social_frame .theme7 .thumnail .item .profile .pic { position:absolute;}
.social_frame .theme7 .thumnail .item .profile .name { position:absolute;font-size:20px; color:#fff; left:90px; font-weight: bold;}
.social_frame .theme7 .thumnail .item .profile .time { position:absolute;font-size:17px; color:#fff; right:10px;}
.social_frame .theme7 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:60px; margin-top:10px; }
.social_frame .theme7 .thumnail .item .picture { width:477px; height:340px; box-sizing:border-box; position:absolute;overflow: hidden;margin-top:88px;}
.social_frame .theme7 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme7 .thumnail .item .blur_bg {width:477px;height:340px;overflow:hidden;position:absolute;margin-top:88px;}
.social_frame .theme7 .thumnail .item .blur_bg img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);width:500%; left: -200%;top: -200%;position:absolute;}
.social_frame .theme7 .thumnail .item .icon { width:100%; height:34px; margin-top:15px;padding-right:15px;text-align:right;box-sizing:border-box;z-index:302;position:absolute;}
.social_frame .theme7 .thumnail .item .msg { width: 100%; margin-top: 428px; color: #666; font-size: 25px; padding: 5px 20px; box-sizing: border-box; overflow-wrap: break-word; background-color: #fff; height: 110px; overflow: hidden; line-height: 34px; }
.social_frame .theme7 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme7 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}


/* theme #8 */
.social_frame .theme8 .bg { width:100%;height:100%;z-index:300; position:absolute;background-color:#000;}
.social_frame .theme8 .thumnail { width:1920px;height:1080px; padding-top:0px; }
.social_frame .theme8 .thumnail .item { width:957px; height:537px; float:left; z-index: 301; position: relative; margin-bottom:6px; box-sizing:border-box;overflow:hidden;}
.social_frame .theme8 .thumnail .item .profile { width:100%; height:100px; line-height:100px; margin-top:440px;z-index:302;position:absolute;padding:0px 20px;box-sizing:border-box;}
.social_frame .theme8 .thumnail .item .profile .name { float:left; font-size:26px;}
.social_frame .theme8 .thumnail .item .profile .time { float:right;font-size:17px; }
.social_frame .theme8 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:50px; margin-top:25px; }
.social_frame .theme8 .thumnail .item .picture { width:100%; height:100%; box-sizing:border-box; position:absolute;}
.social_frame .theme8 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme8 .thumnail .item .icon { width:100%; height:34px; margin-top:20px;padding-right:20px;text-align:right;box-sizing:border-box;z-index:302;position:absolute;}
.social_frame .theme8 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme8 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}


/* theme #9 */
.social_frame .theme9 .bg { width:100%;height:100%;z-index:300; position:absolute; background: url('/player/websrc/img/main/social_theme_bg.jpg') no-repeat;}
.social_frame .theme9 .thumnail { width:1920px;height:1080px; padding-top:15px; }
.social_frame .theme9 .thumnail .item { width:620px; height:515px; float:left; z-index: 301; position: relative; margin-bottom:20px; box-sizing:border-box; background-color:#fff; border-radius:10px; padding:10px;}
.social_frame .theme9 .thumnail .item .profile { width:100%; height:88px; line-height:88px; margin-top:0px;z-index:302;position:absolute;padding:0px 0px;box-sizing:border-box;}
.social_frame .theme9 .thumnail .item .profile .pic { position:absolute;}
.social_frame .theme9 .thumnail .item .profile .name { position:absolute;font-size:20px; color:#333; left:0px; font-weight: bold;}
.social_frame .theme9 .thumnail .item .profile .time { position:absolute;font-size:17px; color:#666; right:20px;}
.social_frame .theme9 .thumnail .item .profile img { border-radius:50%; border:0px solid #000; z-index:302; vertical-align:top; height:60px; margin-top:10px; }
.social_frame .theme9 .thumnail .item .picture { width:600px; height:410px; box-sizing:border-box; position:absolute;overflow: hidden;margin-top:88px;}
.social_frame .theme9 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme9 .thumnail .item .blur_bg {width:600px;height:410px;box-sizing:border-box;overflow:hidden;position:absolute;margin-top:88px;}
.social_frame .theme9 .thumnail .item .blur_bg img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);width:500%; left: -200%;top: -200%;position:absolute;}
.social_frame .theme9 .thumnail .item .icon { width:100%; height:34px; margin-top:450px;padding-right:30px;text-align:right;box-sizing:border-box;position:absolute;z-index:303}
.social_frame .theme9 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme9 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}


/* theme #10 */
.social_frame .theme10 .bg { width:100%;height:100%;z-index:300; position:absolute;}
.social_frame .theme10 .thumnail { width:1920px;height:1080px; padding-top:0px; background-color:#000; position:absolute;}
.social_frame .theme10 .thumnail .frame1 { width:1148px; height:544px; float:left; z-index: 301; box-sizing:border-box;margin-right:10px;}
.social_frame .theme10 .thumnail .frame2 { width:762px; height:544px; float:left; z-index: 301; box-sizing:border-box;}
.social_frame .theme10 .thumnail .frame3 { width:376px; height:544px; float:left; z-index: 301; box-sizing:border-box;margin-right:10px;}
.social_frame .theme10 .thumnail .frame4 { width:762px; height:536px; float:left; z-index: 301; box-sizing:border-box;margin-right:10px;}
.social_frame .theme10 .thumnail .frame5 { width:762px; height:536px; float:left; z-index: 301; box-sizing:border-box;}
.social_frame .theme10 .thumnail .item { width:376px; height:264px; float:left; z-index: 301; position: relative; margin-bottom:8px; box-sizing:border-box; }
.social_frame .theme10 .thumnail .item .picture { width:100%; height:100%; box-sizing:border-box; position:absolute;overflow: hidden;}
.social_frame .theme10 .thumnail .item .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme10 .thumnail .item .blur_bg {width:100%;height:100%;box-sizing:border-box;overflow:hidden;position:absolute;}
.social_frame .theme10 .thumnail .item .blur_bg img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);width:500%; left: -200%;top: -200%;position:absolute;}
.social_frame .theme10 .thumnail .item_big { width:762px; height:536px; float:left; z-index: 301; position: relative; margin-bottom:8px; box-sizing:border-box; }
.social_frame .theme10 .thumnail .item_big .picture { width:100%; height:100%; box-sizing:border-box; position:absolute;overflow: hidden;}
.social_frame .theme10 .thumnail .item_big .picture img { width:100%; height:100%; object-fit:contain; }
.social_frame .theme10 .thumnail .item_big .blur_bg {width:100%;height:100%;box-sizing:border-box;overflow:hidden;position:absolute;}
.social_frame .theme10 .thumnail .item_big .blur_bg img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);width:500%; left: -200%;top: -200%;position:absolute;}
.social_frame .theme10 .thumnail .icon { width:100%; height:34px; margin-top:20px;padding-right:20px;text-align:right;box-sizing:border-box;position:absolute;z-index:303;}
.social_frame .theme10 .pg_bar { z-index:999;position: absolute;margin-left: 0px; width:1920px;height:6px; background-color:rgba(0,0,0,0.4);bottom:0px;}
.social_frame .theme10 .pg_bar .gage{ z-index:999;height:6px; width:25%; background-color:rgba(255,255,255,0.6);}
