Javascript Jsfiddle的麻烦

我试图用这个JSFIDLE来演示一个问题，但我不能让它正常工作，有人能建议吗

这就是我正在为之重新创建JSFIDLE的目标

这是我在这方面的进展。正如你所看到的，我的小提琴中的缩略图没有扩展，我们将非常感谢你的帮助

/*
var _gaq=_gaq | |[]；
_gaq.push（[''u设置帐户'，'UA-7243260-2']）；
_gaq.push（[''u trackPageview']）；
（功能（）{
var ga=document.createElement（'script'）；ga.type='text/javascript'；ga.async=true；
ga.src=（'https:'==document.location.protocol？'https://ssl' : 'http://www“）+”.google analytics.com/ga.js'；
var s=document.getElementsByTagName（'script'）[0]；s.parentNode.insertBefore（ga，s）；
})();
*/

/*default.css*/
@导入url（//fonts.googleapis.com/css？family=Lato:300400700）；
html{高度：100%；}
*,
*：之后，
*：之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
填充：0；
保证金：0；
}
/*Nicolas Gallagher的Clearfix黑客：http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:之前，
.clearfix:之后{
内容：“；
显示：表格；
}
.clearfix:之后{
明确：两者皆有；
}
.clearfix{
*缩放：1；
}
身体{
字体系列：“Lato”、Calibri、Arial、无衬线字体；
背景#f9f9f9；
字体大小：300；
字体大小：15px；
颜色：#333；
溢出：滚动；
溢出x：隐藏；
}
a{
颜色：#555；
文字装饰：无；
}
.集装箱{
宽度：100%；
位置：相对位置；
}
.容器>标题{
宽度：90%；
最大宽度：1240px；
保证金：0自动；
位置：相对位置；
填充：0 30px 50px 30px；
}
.容器>标题{
填充：60px 30px 50px；
文本对齐：居中；
}
.容器>标题h1{
字体大小：34px；
线高：38px；
保证金：0自动；
字号：700；
颜色：#333；
}
.容器>收割台h1跨度{
显示：块；
字体大小：20px；
字体大小：300；
}
.main>p{
文本对齐：居中；
填充：50px 20px；
}
/*标题样式*/
.codrops上衣{
线高：24px；
字体大小：11px；
背景：#fff；
背景：rgba（255,255,255,0.5）；
文本转换：大写；
z指数：9999；
位置：相对位置；
盒影：1px 0px 2px rgba（0,0,0.2）；
}
.codrops top a{
填充：0px 10px；
字母间距：1px；
颜色：#333；
显示：内联块；
}
.codrops top a:悬停{
背景：rgba（255255,0.8）；
颜色：#000；
}
.codrops上跨右{
浮动：对；
}
.codrops上跨右a{
浮动：左；
显示：块；
}
/*Component.css*/
.og网格{
列表样式：无；
填充：20px0；
保证金：0自动；
文本对齐：居中；
宽度：100%；
}
李先生{
显示：内联块；
利润率：10px 5px 0 5px；
垂直对齐：顶部；
高度：250px；
}
.og grid li>a，
.og grid li>a img{
边界：无；
大纲：无；
显示：块；
位置：相对位置；
}
.og grid li.og-expanded>a:：after{
顶部：自动；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
指针事件：无；
边框底色：#ddd；
边框宽度：15px；
左：50%；
利润率：-20px0-15px；
}
.og扩展器{
位置：绝对位置；
背景：ddd；
顶部：自动；
左：0；
宽度：100%；
边缘顶部：10px；
文本对齐：左对齐；
身高：0；
溢出：隐藏；
}
.og膨胀机内部{
填充：50px 30px；
身高：100%；
}
.og关闭{
位置：绝对位置；
宽度：40px；
高度：40px；
顶部：20px；
右：20px；
光标：指针；
}
.og close：：之前，
.og关闭：：之后{
内容：''；
位置：绝对位置；
宽度：100%；
最高：50%；
高度：1px；
背景：#888；
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
变换：旋转（45度）；
}
.og关闭：：之后{
-webkit变换：旋转（-45度）；
-moz变换：旋转（-45度）；
变换：旋转（-45度）；
}
.og关闭：悬停：：之前，
.og关闭：悬停：：之后{
背景：#333；
}
.og fullimg，
.og详细信息{
宽度：50%；
浮动：左；
身高：100%；
溢出：隐藏；
位置：相对位置；
}
.og详细信息{
填充：0 40px 0 20px；
}
.og fullimg{
文本对齐：居中；
}
.og fullimg img{
显示：内联块；
最大高度：100%；
最大宽度：100%；
}
.og详细信息h3{
字体大小：300；
字体大小：52px；
填充：40px 0 10px；
边缘底部：10px；
}
.og详细信息p{
字体大小：400；
字体大小：16px；
线高：22px；
颜色：#999；
}
.og详细信息a{
字号：700；
字体大小：16px；
颜色：#333；
文本转换：大写；
字母间距：2px；
填充：10px 20px；
边框：3px实心#333；
显示：内联块；
利润率：30px0；
大纲：无；
}
.og详细信息a:：之前{
内容：'\2192'；
显示：内联块；
右边距：10px；
}
.og详细信息a：悬停{
边框颜色：#999；
颜色：#999；
}
.og加载{
宽度：20px；
高度：20px；
边界半径：50%；
背景：ddd；
盒影：0 0 1px#ccc，15px 30px 1px#ccc，-15px 30px 1px#ccc；
位置